It was not long ago that HTML5 and CSS3 changed the face of web design. We have seen people do amazing work with CSS3 – borders, on-click effects, gradients (the one on top of MashGeek is done using CSS3), small animations and what now. But, it doesn’t stop there!
Below, I’ll showcase 5 amazing effects created using CSS3 that will blow your mind away. It can be hard to believe that these were done using CSS3, so you have to take my word for it.
Note: I recommend you use the latest version of the browser you are using since older version may not support CSS3.
CSS3 Scroll Effects
This is a demonstration of 13 amazing scroll effects done completely using CSS3. Download the source code here.
CSS3 Buttons
Paperfold CSS
The plugin takes a DOM element, slices it into parts and arranges them like a folded paper in 3d space.
Animate
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
CSS3 Image Styles
To learn how to implement these effects, please read this full tutorial.
It’s pretty easy to create remarkable and amazing-looking buttons using CSS3. See how.
