Pure Css "Spin-Out" Menu

22.02.2013

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

Made with: HTML,CSS (SCSS)

View Code

Pure Css "Spin-Out" Menu

Banner Google Engage Css

22.02.2013

Made with: HTML,CSS

View Code

Banner Google Engage Css

Codepen.Io Logo

21.02.2013

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

Codepen.Io Logo

Orbital Css

20.02.2013

Recreating orbiting planet diagram using only CSS.

Made with: HTML,CSS

View Code

Orbital Css

Animated Search Form

20.02.2013

Very interesting solution for search form.

Made with: HTML,CSS

View Code

Animated Search Form

Flipping Thumbnails

19.02.2013

Flipping thumbnails in HTML, CSS and JavaScript.

Made with: HTML,CSS,JavaScript

View Code

Flipping Thumbnails

Typing Text Animation

18.02.2013

Made with: HTML,CSS

View Code

Typing Text Animation

Circular Reveal

17.02.2013

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

Circular Reveal

Toastr

17.02.2013

Made with:

View Code

PlaceholderToastr

Css3 Linear Gradient Pattern

14.02.2013

Made with: HTML,CSS

View Code

Css3 Linear Gradient Pattern

Speech Bubble

14.02.2013

A complex CSS shape speaking bubble.

Made with: HTML,CSS

View Code

Speech Bubble

Animated Weather Icons

12.02.2013

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

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

View Code

Animated Weather Icons

Corner Ribbon

12.02.2013

Pure CSS corner ribbon.

Made with: HTML,CSS

View Code

Corner Ribbon

Simon Goellner

6.02.2013

Stitching effect.

Made with: HTML,CSS (Less)

View Code

Simon Goellner

Blockquote Stylée Littéraire

30.01.2013

Made with: HTML,CSS

View Code

Blockquote Stylée Littéraire

Simple Snake Game

29.01.2013

HTML5 game.

Made with: HTML,CSS,JS

View Code

Simple Snake Game

Responsive Rounded Ribbon

29.01.2013

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

Responsive Rounded Ribbon

Css Ribbon

25.01.2013

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

Made with: HTML,CSS (SCSS)

View Code

Css Ribbon

Animated Progress Bar

22.01.2013

Simple animated progress bar in HTML and CSS.

Made with: HTML,CSS

View Code

Animated Progress Bar

Linear Gradient Columns

21.01.2013

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

Made with: HTML,CSS

View Code

Linear Gradient Columns