A library of CSS demos that you can use as an alternative to JavaScript. It includes toggles, carousels, games, menus, animations and others, it in...

A library of CSS demos that you can use as an alternative to JavaScript. It includes toggles, carousels, games, menus, animations and others, it includes the option to try the demos included in the page.

A fantastic snippet featuring a 3D dynamic shadow which changes with a light bulb that we can move with the mouse, creating different perspectives ...

A fantastic snippet featuring a 3D dynamic shadow which changes with a light bulb that we can move with the mouse, creating different perspectives using CSS and Javascript.

Voxel.css is a lightweight 3D CSS library with very simple implementation. This code creates a scene, a savable world, and an editor that allow you...

Voxel.css is a lightweight 3D CSS library with very simple implementation. This code creates a scene, a savable world, and an editor that allow you to immediately begin building worlds, if you've built anything in the past it auto-loads your previous build instead of creating a new one. It supports all image types and also features GPU acceleration and CSS3 transitions

3D text effect using CSS3 text-shadow made easier to maintain with @for directive in Sass.

3D text effect using CSS3 text-shadow made easier to maintain with @for directive in Sass.

A set of 3D-styled fields that form a login interface. The multi-dimensional effect is achieved by applying the box-shadow CSS property. Also, the ...

A set of 3D-styled fields that form a login interface. The multi-dimensional effect is achieved by applying the box-shadow CSS property. Also, the boxes present a delicate pushing animation as soon as they are clicked, this same detail has been applied to the final login button.

This amazing text effect uploaded by Tim Teeling from codepen.io shows a 3d blue text with a little bit angled transforming.

This amazing text effect uploaded by Tim Teeling from codepen.io shows a 3d blue text with a little bit angled transforming.

Julian Garnier has shared with us an interesting animation that shows our solar system with all its eight planets revolving around the sun. Additio...

Julian Garnier has shared with us an interesting animation that shows our solar system with all its eight planets revolving around the sun. Additionally the author has created some controls so we can navigate through all the elements and transitions. The worst it's not supported in webkit browsers engine and also in IE 10. Browser support: X Chrome 25.0 ✓ FireFox 19.0.2 X Safari 5.1.7 X IE 10

A mix of LESS for a simple text.

A mix of LESS for a simple text.

Text in 3d with shadow effect using SASS

Text in 3d with shadow effect using SASS

A stereoscopic 3D effect with CSS3 only. The author was just created playing around but then realized it actually works. Basically you just need on...

A stereoscopic 3D effect with CSS3 only. The author was just created playing around but then realized it actually works. Basically you just need one line of CSS. A text-shadow with a red and cyan offset and the trick is to use “em"s for the text-shadows. That way, if you change the font-size, the text-shadows change in the same proportion.

This CSS technique makes use of multiple shadows of different intensities to create this 3D effect that provides a smooth and clean appearance. Def...

This CSS technique makes use of multiple shadows of different intensities to create this 3D effect that provides a smooth and clean appearance. Definitely useful to tiles or pieces of texts that require extra attention from the reader.

This 3D text uses multiple shadow effects in order to carry that style. Rishabh built upon Andrew Lee's original design, adding a little bit o...

This 3D text uses multiple shadow effects in order to carry that style. Rishabh built upon Andrew Lee's original design, adding a little bit of rotation and making the text content-editable without having to modify the code, just click on the box and you are all set!

This 3D text effect was made with 2D transforms in order to keep cross-browser compatibility. These transforms are applied to both the content and ...

This 3D text effect was made with 2D transforms in order to keep cross-browser compatibility. These transforms are applied to both the content and the title, with the latter receiving two shadow effects in order to give it its 3D look. Created by Duncan Midwinter.

A stripped-down shadow effect made in CSS. It helps bring out the text and give it more importance while also making it fancier. A Jeremy Shim...

A stripped-down shadow effect made in CSS. It helps bring out the text and give it more importance while also making it fancier. A Jeremy Shimko design hosted at CodePen.

A nice experiment based on the concept by Thomas Cullen, but this time created with pure CSS, completely avoiding the usage of JavaScript. It consi...

A nice experiment based on the concept by Thomas Cullen, but this time created with pure CSS, completely avoiding the usage of JavaScript. It consists of a box which sides animate on hover, making use of various CSS properties. A second box is also included, which animates automatically.

An interesting experimental portfolio that arranges a set of pictures in a precise grid, then allows you to hover on them to trigger an attractive ...

An interesting experimental portfolio that arranges a set of pictures in a precise grid, then allows you to hover on them to trigger an attractive 3D animation that twists the images as if they were attached to a box, giving you space to provide information about the item.

A project that provides a way to apply awesome effects to a piece of text. When hovering on the sentence, it moves forward and separates from the b...

A project that provides a way to apply awesome effects to a piece of text. When hovering on the sentence, it moves forward and separates from the background, with a shadow accentuating the illusion. Also, the letters gain a 3D appearance, which gives them more presence.

This project intends to provide a little more than just the usual user experience, and it succeeds for the most part. The concept relies on a light...

This project intends to provide a little more than just the usual user experience, and it succeeds for the most part. The concept relies on a lightbox gallery including nice hover animations plus a 3D effect that makes the lightbox spin when it appears on the screen. This experiment is explained in a complete Inspect Elements tutorial.

A useful and complete Codrops tutorial is going to explain you an amazing set of techniques used to create appealing hover effects on a set of imag...

A useful and complete Codrops tutorial is going to explain you an amazing set of techniques used to create appealing hover effects on a set of images. When touching the cursor, CSS 3D transforms are triggered, "bending" the image and revealing hidden information behind them.

A bar chart created with only CSS and carrying a clean, fancy look. It stands out from the rest because of its 3D look, achieved with the help of t...

A bar chart created with only CSS and carrying a clean, fancy look. It stands out from the rest because of its 3D look, achieved with the help of transforms on side, back, front, botton and top panels of the design. Plus, it comes with a neat transparency effect. Uploaded to CSSDeck by Sergey Lukin.