Button With Hover Effect

17.01.2014

jQuery button with hover effect: bars slide from left to right on hover.

Made with: HTML,CSS (SCSS),JS

View Code

Button With Hover Effect

Periodic Table

15.01.2014

HTML and CSS periodic table.

Made with: HTML,CSS (Less)

View Code

Periodic Table

Vhs Glitch

15.01.2014

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

View Code

Vhs Glitch

Chekboxes Css

15.01.2014

Made with: HTML,CSS

View Code

Chekboxes Css

Svg Border Animation

14.01.2014

Simple and beautiful SVG border animation.

Made with: HTML,CSS

View Code

Svg Border Animation

Pulsing Notification Badge

13.01.2014

Just what it looks like.

Made with: HTML,CSS (SCSS)

View Code

Pulsing Notification Badge

2.5D

13.01.2014

Attempting to recreate a 2.5D effect using CSS.

Made with: HTML,CSS

View Code

2.5D

Simple Pattern

13.01.2014

Gradients, shapes, rgba...

Made with: HTML/Haml

View Code

Simple Pattern

Clouds Css3 Transition Infinite Loop

12.01.2014

Made with: HTML,CSS

View Code

Clouds Css3 Transition Infinite Loop

Responsive Mega Menu

11.01.2014

Responsive mega navigation in jQuery.

Made with: HTML,CSS,JS

View Code

PlaceholderResponsive Mega Menu

Sudoku

8.01.2014

Made with: HTML,CSS,JS

View Code

Sudoku

Css Sidebar Menu

3.01.2014

Easy to use sidebar menu with HTML and CSS.

Made with: HTML,CSS (SCSS)

View Code

Css Sidebar Menu

Css Ribbon

31.12.2013

CSS ribbon made with z-index and transform.

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

View Code

Css Ribbon

Simple Toggle Navigation

29.12.2013

Made with: HTML (Pug),CSS (SCSS),JavaScript (CoffeeScript)

View Code

Simple Toggle Navigation

Weather Widget

28.12.2013

Made with: HTML,CSS

View Code

Weather Widget

Css Speech Bubble

28.12.2013

Simple speech bubble with CSS.

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

View Code

Css Speech Bubble

Animated Text Shadow Pattern

21.12.2013

Uses background-clip: text & linear-gradient to simulate striped text shadow.

Made with: HTML,CSS

View Code

Animated Text Shadow Pattern

Animated Text-Shadow Pattern

21.12.2013

Uses background-clip: text & linear-gradient to simulate striped text shadow.

Made with: HTML,CSS

View Code

Animated Text-Shadow Pattern

Animated Text-Shadow Pattern

21.12.2013

Uses background-clip: text & linear-gradient to simulate striped text shadow.

Made with: HTML,CSS

View Code

Animated Text-Shadow Pattern