Home / Tutorials / 10 Impressive CSS3 Examples – part 2

10 Impressive CSS3 Examples – part 2

We have seen the 10 Impressive CSS3 Examples before. In this sequence here is some more Impressive CSS3 Examples.

Stylish CSS3 progress bars

In this tutorial the authors explain how to create simple progress bars without using any complex script. They use all kinds of cool CSS3 techniques to add gradients, stripes, shine and glow to the bars. The final result looks polished and ready to be implemented

— Code Morning Philosophy

View DemoDownload

Stylish CSS3 progress bars

Spinkit

Spinkit is a collection of easily customizable loading indicators which we are very fond of and use quite often.

— Code Morning Philosophy

View DemoDownload

Spinkit

On/Off FlipSwitch

An awesome little app that lets you customize toggle buttons and then just copy the CSS straight away. It also features switches from popular operating systems.

— Code Morning Philosophy

View DemoDownload

On/Off FlipSwitch

Hint.css

A css library for tooltips that doesn’t require any JavaScript.

— Code Morning Philosophy

View DemoDownload

Hint.css

Buttons

What its title says – nothing more, nothing less, just a huge collection of buttons.

— Code Morning Philosophy

View DemoDownload

Buttons

Colors.css

Colors.css is for those of you who hate color picking for a hex code. It offers a nice alternative to the otherwise not-so-good built in css color options.

— Code Morning Philosophy

View DemoDownload

Colors.css

CSS Shapes 101

This is hands down one of the best articles I’ve ever read about CSS. It presents CSS3 shapes and has many practical examples on how to create and implement them. Very well done!

— Code Morning Philosophy

View DemoDownload

CSS Shapes 101

Understanding CSS Filter Effects

If you are interested in the new filters CSS has to offer, we recommend checking out this tutorial. It features well picked examples and has helpful information about browser support and performance issues.

— Code Morning Philosophy

View DemoDownload

Understanding CSS Filter Effects

http://adf.ly/wkuT2

This is a in-depth article about the new ‘flex’ containers or so called flexboxes. Flexboxes are the new CSS way to arrange the layout of a page. It’s a great way to change the width,height and alignment of HTML elements to best fit the available space.

— Code Morning Philosophy

View DemoDownload

http://adf.ly/wkuT2

About cmadmin

Web Developer & Designer | Android App Developer

Check Also

analog-clock

Crate Analog Clock using CSS3 only without image

Analog clock without images? yes, Today we are going to create analog clock using CSS3, Javascript …

css-effect

CSS Buttons with Nice Hover Effects

Looking for styles to change your old glossy buttons with modern day flat designs and …

One comment

  1. Is all this css really working with all browsers? I am thinking mostly of Internet Explorer.

Leave a Reply

Your email address will not be published. Required fields are marked *

Login


Username
Create an Account!
Password
Forgot Password? (close)

Sign Up


Username
Email
Password
Confirm Password
Want to Login? (close)

Forget Password?


Username or Email
(close)
%d bloggers like this:
SHARE
OR
SUBSCRIBE
To get latest new / tutorial / technology / development information subscribe with us.
ARE YOU READY? GET IT NOW!
Lets Get Updated with latest trends & tutorials!
Your Information will never be shared with any third party.
Ready for latest tutorials & tools !
OR SUBSCRIBE WITH