Mastering General Sibling Selectors: Custom Form Elements

One of the most powerful and underutilized CSS selectors is the general sibling combinator: ~. In the coming tutorials I will go over different ways to use ~ to create components that are not only visually appealing, but also functional and useful. This tutorial will cover form elements; radio, checkbox, and regular inputs.

We’ll be learning a lot: modern CSS selectors, the will-change property, SVG’s stroke properties, input states, and plenty more!


Music Player


Stranger Things 404


Monument Valley Totem


A 3d model inspired by the Scissor Blade from Studio Trigger’s Kill la Kill anime.
Title
Scissor Blade
Tools
Maya 2015, Photoshop CS6, Quixel Suite

Title
Transistor Blade
Tools
Illustrator CS6