Pure Css "Spin-Out" Menu

Hover the menu and all of it's items flare out!

Made with: HTML,CSS (SCSS)

View Code

Banner Google Engage Css

Made with: HTML,CSS

View Code

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)

View Code

Orbital Css

Recreating orbiting planet diagram using only CSS.

Made with: HTML,CSS

View Code

Animated Search Form

Very interesting solution for search form.

Made with: HTML,CSS

View Code

Flipping Thumbnails

Flipping thumbnails in HTML, CSS and JavaScript.

Made with: HTML,CSS,JavaScript

View Code

Typing Text Animation

Made with: HTML,CSS

View Code

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)

View Code

Toastr

Made with:

View Code

Css3 Linear Gradient Pattern

Made with: HTML,CSS

View Code

Speech Bubble

A complex CSS shape speaking bubble.

Made with: HTML,CSS

View Code

Animated Weather Icons

This is a little set of animated single element CSS weather icons.

Made with: HTML (Haml),CSS (SCSS),JS

View Code

Corner Ribbon

Pure CSS corner ribbon.

Made with: HTML,CSS

View Code

Simon Goellner

Stitching effect.

Made with: HTML,CSS (Less)

View Code

Blockquote Stylée Littéraire

Made with: HTML,CSS

View Code

Simple Snake Game

HTML5 game.

Made with: HTML,CSS,JS

View Code

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

View Code

Css Ribbon

Fully scalable CSS ribbon. Change the font-size and line-height to see for yourself.

Made with: HTML,CSS (SCSS)

View Code

Animated Progress Bar

Simple animated progress bar in HTML and CSS.

Made with: HTML,CSS

View Code

Linear Gradient Columns

Used background: linear-gradient to create a pattern of columns.

Made with: HTML,CSS

View Code