Skip to content

Instantly share code, notes, and snippets.

View Button Animation Experiment - Dribbble.markdown
View Funky Pure CSS Accordion.markdown
View Interactive Star Rating Component (CSS Only).markdown

Interactive Star Rating Component (CSS Only)

An interactive CSS star rating component.

Has hover and selected states, and could be integrated into a form very easily (as underneath the visual styling it is just radio buttons). Size and margin between the stars can be easily changed by amending the sass variables.

No JS, all CSS and HTML.

Works on IE9>, Chrome, Firefox, Safari

View CSS3 Animated Clouds.markdown
View Modal Dialog - CSS Only.markdown
View Variable Longshadow with Gradients Mixin.markdown

Variable Longshadow with Gradients Mixin

"Your scientists were so preoccupied with whether or not they could, they didn’t stop to think if they should."

This doesn't need to exist. But now you can define long shadows with different colors and spreads with one Sass mixin.

A Pen by Dario Corsi on CodePen.