A bunch of Halloween-themed single-element toggle switches! 🎃👻

The characters follow your mouse on hover, change expressions, and animate side to side.

Check out the source code and live demo on @codepen.io: codepen.io/alvaromontor...

#CSS #HTML #WebDev

Another single-element toggle switch without using JS or images, just HTML and CSS.

Demo on @codepen.io: codepen.io/alvaromontor...

This one is "directional aware" and has micro-interactions, but it's using a trick so not all the toggle area is clickable... which is not ideal 😳

#css #html #toggle

Single HTML element toggle switch: Lock

Demo on @codepen.io: codepen.io/alvaromontor...

#css #html #component #codepen

A character card demo on CodePen: codepen.io/alvaromontor...

#html #css #card

I wrote a short article about the :heading pseudo-class and function.
alvaromontoro.com/tutorial/hea...

It includes a little interactive section where you can play with the values and see how the affect the headings on the side.

#css #webdev