Pens from Andor Nagy https://codepen.io/andornagy/ en nospam@codepen.io Copyright 2024 2024-03-08T15:58:19-07:00 Rotating Gradient Border Button with glow https://codepen.io/andornagy/pen/BaEjJWv https://codepen.io/andornagy/pen/BaEjJWv Andor Nagy

See the Code - See it Full Page - See Details

]]>
Rotating Gradient Border Button with glow 2024-03-08T15:58:19-07:00
Rotating Gradient Border Button https://codepen.io/andornagy/pen/poBJywK https://codepen.io/andornagy/pen/poBJywK Andor Nagy

See the Code - See it Full Page - See Details

A simple method for gradient borders for buttons, with a spinning effect on hover

]]>
Rotating Gradient Border Button 2024-03-04T15:42:36-07:00
Grid Image Gallery https://codepen.io/andornagy/pen/oNJywNx https://codepen.io/andornagy/pen/oNJywNx Andor Nagy

See the Code - See it Full Page - See Details

]]>
Grid Image Gallery 2023-09-29T09:46:37-07:00
Pure CSS Dropdown Menu v2 https://codepen.io/andornagy/pen/MWOVNYG https://codepen.io/andornagy/pen/MWOVNYG Andor Nagy

See the Code - See it Full Page - See Details

This is an upgraded version of my two previous pure CSS dropdown menu and pure CSS responsive dropdown menu. It uses :focus-within for accessibility as well as instead of display:none, the dropdowns are just taken out of the screen, with left: -9000px; You can also cycle through the menu items with Tab

]]>
Pure CSS Dropdown Menu v2 2022-02-21T11:11:27-07:00
Grid Layout Blog - Grid-Template-Columns / Col-span on elements https://codepen.io/andornagy/pen/VwrXXgZ https://codepen.io/andornagy/pen/VwrXXgZ Andor Nagy

See the Code - See it Full Page - See Details

]]>
Grid Layout Blog - Grid-Template-Columns / Col-span on elements 2022-02-20T18:44:35-07:00
Full width :last-child(odd) https://codepen.io/andornagy/pen/xxPWYwE https://codepen.io/andornagy/pen/xxPWYwE Andor Nagy

See the Code - See it Full Page - See Details

Make odd-numbered elements span full-width columns instead of half-width. Click add Card to add a new card to the stack. Click remove to remove a card.

]]>
Full width :last-child(odd) 2022-02-20T18:35:23-07:00
Grid Layout - Grid-Template-Columns / Helper Classes https://codepen.io/andornagy/pen/MWOVbMJ https://codepen.io/andornagy/pen/MWOVbMJ Andor Nagy

See the Code - See it Full Page - See Details

]]>
Grid Layout - Grid-Template-Columns / Helper Classes 2022-02-20T06:42:58-07:00
Grid Layout - Grid-Template-Columns / Col-span on elements https://codepen.io/andornagy/pen/PoORbXv https://codepen.io/andornagy/pen/PoORbXv Andor Nagy

See the Code - See it Full Page - See Details

]]>
Grid Layout - Grid-Template-Columns / Col-span on elements 2022-02-20T06:28:05-07:00
Grid Layout - Grid Template Areas https://codepen.io/andornagy/pen/mdqpMaj https://codepen.io/andornagy/pen/mdqpMaj Andor Nagy

See the Code - See it Full Page - See Details

]]>
Grid Layout - Grid Template Areas 2022-02-20T06:25:38-07:00
Data Table with Collapsible Table Rows https://codepen.io/andornagy/pen/gaGBZz https://codepen.io/andornagy/pen/gaGBZz Andor Nagy

See the Code - See it Full Page - See Details

]]>
Data Table with Collapsible Table Rows 2015-10-15T16:33:04-07:00