Made with: HTML,CSS
Here's an easy way to create an iOS style, side sliding menu.
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)
3D buttons with multi-colored button edge.
A creative way to show interactive books using CSS 3D transforms.
Based on the dribbble by John Wilson http://dribbble.com/shots/900308-Resume
An image gallery in form of a 3D cube. The demo uses CSS3 3D and animation properties to create a nice animated cube.
Another CSS spinner animation. Not practical since it uses a ton of DOM elements, but it looks pretty.
Made with: HTML (Haml),CSS (SCSS)
CSS3 based spinner with discs rotating at different speeds.
A CSS styled star rating component.
Made with: HTML,CSS (Less)
Cloudy spiral CSS animation.
Experiment with border-radius animation.
Full CSS3 only colorful star ratings with inputs.
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
WebandCrafts logo designed with border-radius, box-shadow and CSS transforms. Click the logo for exploded view.
Just a little experiment with pseudo elements. Semantic HTML is maintained. No boilerplate elements.
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.
12 buttons with a unique rollover effect each using only CSS.
Social media icon reveal with transition.