💻🎨 Captivate with this shiny call-to-action button! Set colors with CSS variables and use the `property` rule to define gradients that change during the `@keyframes` animations.
CodePen link ⬇️
codepen.io/bryntum-snippe…
#codepen #webdev
💻🎨 Organize text with space-saving expanding cards! Each card has an `expander` and `collapser` that listen for clicks and apply corresponding CSS classes to reveal or hide the box.
CodePen link ⬇️
codepen.io/bryntum-snippe…
#codepen #webdev
I created a Live Code Editor for Astro ,
inspired by CodePen, in less than 200 lines of code. The easiest way to run editable & interactive code examples locally and completely client-side.
itsjavi.com/editor/
#Astro #CodePen #WebDev
Here’s a simple use of #javascript to change the background color and day of the week using the switch function.
codepen.io/adamconkle/pen…
#HTML #javascript #CSS #buildinpublic #codepen
💻🎨 Check out this CSS-only modal window! In the HTML, the modal window `div` is set as a `target` by matching the `href` and `id` values. When clicked, the `target` style reveals the hidden window.
CodePen link ⬇️
codepen.io/bryntum-snippe…
#codepen #webdev