Pure Css "Spin-Out" Menu
Hover the menu and all of it's items flare out!
Made with: HTML,CSS (SCSS)
Codepen.Io Logo
Single element Codepen.io logo. Pure CSS using box-shadow and CSS3 transforms with just a hint of CSS3 filtering to help with anti-aliasing.
Made with: HTML,CSS (SCSS)
Flipping Thumbnails
Flipping thumbnails in HTML, CSS and JavaScript.
Made with: HTML,CSS,JavaScript
Circular Reveal
Trying to make a CSS-only circular hide/reveal. Seems a little element-heavy, but you can't animate pseudo elements.
Made with: HTML,CSS (SCSS)
Animated Weather Icons
This is a little set of animated single element CSS weather icons.
Made with: HTML (Haml),CSS (SCSS),JS
Responsive Rounded Ribbon
Change the background color of the .ribbon class or change the font size of the .content div or resize the window to see how it behaves.
Made with: HTML,CSS
Css Ribbon
Fully scalable CSS ribbon. Change the font-size and line-height to see for yourself.
Made with: HTML,CSS (SCSS)
Linear Gradient Columns
Used background: linear-gradient to create a pattern of columns.
Made with: HTML,CSS