Brushed Metal

22.04.2013

The texture is done by using 3 repeating-gradients with different length.

Made with: HTML,CSS

View Code

Brushed Metal

Zeppelin

21.04.2013

Made with: HTML,CSS

View Code

Zeppelin

Tilt-Shift Text

21.04.2013

Made with: HTML,CSS

View Code

Tilt-Shift Text

Css 3d Text

21.04.2013

Add a "real" 3D (with glasses) effect to your text. Could also work on other elements using box-shadow.

Made with: HTML,CSS

View Code

Css 3d Text

Flash Light

21.04.2013

Made with: HTML,CSS

View Code

Flash Light

I Love Blur

19.04.2013

Made with: HTML,CSS

View Code

I Love Blur

Animated Text Fill

13.04.2013

Fill your text with animated background images - no JavaScript required.

Made with: HTML,CSS (SCSS)

View Code

Animated Text Fill

Responsive Hexagonal Grid

10.04.2013

Made with: HTML,CSS

View Code

Responsive Hexagonal Grid

Full Css Drop Down Contact Form

10.04.2013

Simple contact form that use a checkbox to simulate click action and CSS transition to create a drop drown effect.

Made with: HTML,CSS

View Code

Full Css Drop Down Contact Form

Simple Sass/Jquery Accordion

10.04.2013

CSS3/Sass/jQuery accordion that has some simple animations with arrows all done in CSS (sliding and click states done with jQuery).

Made with: HTML,CSS (SCSS),JS

View Code

PlaceholderSimple Sass/Jquery Accordion

Rounded Thumbnails Portfolio

7.04.2013

Presents portfolio as randomly placed rounded thumbnails that expands to full width and height on hover. Description appears on one of the sides with smooth rotating effect.

Made with: HTML,CSS (SCSS)

View Code

Rounded Thumbnails Portfolio

Css Polygons With Clip-Path

4.04.2013

Made with: HTML,CSS

View Code

Css Polygons With Clip-Path

Spinner

3.04.2013

Single DOM element spinner. "Clock arrows" made with generated content (pseudo-elements :before and :after). Animations applied to pseudo-elements.

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

View Code

Spinner

Comic Director Splash Animation

21.03.2013

Made with: HTML,CSS

View Code

Comic Director Splash Animation

Cloud

14.03.2013

Made with: HTML,CSS

View Code

Cloud

Css3 Text-Shadow Effects

12.03.2013

Made with: HTML (Haml),CSS (Less)

View Code

Css3 Text-Shadow Effects

Css-Filter (Blur) On Image-Caption

9.03.2013

Two variations of hover effects on image, with the CSS-Filter (blur) on (the :before pseudo element of) an image-caption.

Made with: HTML,CSS,JS

View Code

Css-Filter (Blur) On Image-Caption

Css Spinner

8.03.2013

Made with: HTML,CSS (SCSS)

View Code

Css Spinner

Background Triangle Pattern

28.02.2013

Crappy recreation of the book cover of "The Flame Alphabet".

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

View Code

Background Triangle Pattern

Css Image Slider With Next/Prev Buttons

25.02.2013

A 100% pure CSS image slider with previous/next buttons and image transitions.

Made with: HTML,CSS

View Code

Css Image Slider With Next/Prev Buttons