How I Made This Realistic Red Switch (Pure CSS)

css-art, gradients, tutorial
7 Min

In this tutorial I explain in detail how I made my popular 'Realistic Red Switch' pen using various CSS techniques, including gradients, 3D transformations, animations, and transitions.

How I Created These Generative Underline Pen Strokes

svg, react, text-effect, tutorial
2 Min

I created a small React component that adds a randomly generated pen stroke underline to a given word. The strokes are rendered using an SVG <path/> element.