Css Ripple Effect

21.07.2013

Made with: HTML,CSS

View Code

Css Ripple Effect

Ios Style Sliding Menu

12.07.2013

Here's an easy way to create an iOS style, side sliding menu.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Ios Style Sliding Menu

Switches

12.07.2013

The first 2 are designed with depth and lighting, while the 3rd one is flatly designed with a somewhat "gooey"-ish transition on it.

Made with: HTML,CSS (SCSS)

View Code

Switches

3d Buttons

11.07.2013

3D buttons with multi-colored button edge.

Made with: HTML,CSS (SCSS)

View Code

3d Buttons

Animated Books With Css 3D Transforms

11.07.2013

A creative way to show interactive books using CSS 3D transforms.

Made with: HTML,CSS,JavaScript

View Code

Animated Books With Css 3D Transforms

Resume Concept

10.07.2013

Based on the dribbble by John Wilson http://dribbble.com/shots/900308-Resume

Made with: HTML,CSS (SCSS),JavaScript

View Code

Resume Concept

3D Cube Image Gallery

7.07.2013

An image gallery in form of a 3D cube. The demo uses CSS3 3D and animation properties to create a nice animated cube.

Made with: HTML,CSS (SCSS)

View Code

3D Cube Image Gallery

Css Spinner Animation

7.07.2013

Another CSS spinner animation. Not practical since it uses a ton of DOM elements, but it looks pretty.

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

View Code

Css Spinner Animation

Digital Spinner

4.07.2013

CSS3 based spinner with discs rotating at different speeds.

Made with: HTML,CSS

View Code

Digital Spinner

Css3 Star Rating

3.07.2013

A CSS styled star rating component.

Made with: HTML,CSS (Less)

View Code

Css3 Star Rating

Cloudy Spiral

3.07.2013

Cloudy spiral CSS animation.

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

View Code

Cloudy Spiral

Border-Radius Animation

25.06.2013

Experiment with border-radius animation.

Made with: HTML,CSS (SCSS)

View Code

Border-Radius Animation

Stars Rating System

25.06.2013

Full CSS3 only colorful star ratings with inputs.

Made with: HTML,CSS

View Code

Stars Rating System

Text Reveal On Hover: Flip Down

24.06.2013

Made with: HTML,CSS (SCSS)

View Code

Text Reveal On Hover: Flip Down

Smooth Anchor Scrolling

24.06.2013

Super lightweight smooth anchor scrolling. You are able to switch navigation active class and scroll smoothly to id's throughout the page.

Made with: HTML,CSS (SCSS),JS

View Code

Smooth Anchor Scrolling

Webandcrafts Logo - Pure Css

22.06.2013

WebandCrafts logo designed with border-radius, box-shadow and CSS transforms. Click the logo for exploded view.

Made with: HTML,CSS

View Code

Webandcrafts Logo - Pure Css

Direction Aware Hover Pure Css

20.06.2013

Just a little experiment with pseudo elements. Semantic HTML is maintained. No boilerplate elements.

Made with: HTML,CSS (SCSS)

View Code

Direction Aware Hover Pure Css

Css3 Off-Canvas Panel With Menu

20.06.2013

A CSS3 off-canvas panel with menu and associated content which transitions in from the right hand side of the page. The whole body of the page moves left to create this effect.

Made with: HTML,CSS,JavaScript

View Code

Css3 Off-Canvas Panel With Menu

12 Fancy Buttons

18.06.2013

12 buttons with a unique rollover effect each using only CSS.

Made with: HTML,CSS

View Code

12 Fancy Buttons

Social Media Icons

17.06.2013

Social media icon reveal with transition.

Made with: HTML,CSS (SCSS)

View Code

Social Media Icons