Abusing customizable selects

“Abusing Customizable Selects” by Patrick Brosset on CSS-Tricks, with a curved stack of labeled folder icons on a purple-pink gradient.

Patrick Brosset builds three creative demos with the new customizable <select> element: a curved stack of folders using CSS transformations and sibling-index(), a fanned deck of playing cards with anchor positioning, and a radial emoji picker using trigonometric functions. All demos maintain accessibility and degrade gracefully in unsupported browsers.

css-tricks.com/abusing-customizable-selects