10 most useful css3 properties for your project

CSS3 around here for more than 5 years. If you are a web designer, you may have learned lots of new properties in CSS3 over the years. But, it's hard to remember all the 116 properties by a single person. Sometime, you may have forgot few properties while designing a page. Don't worry it's natural.

In this article we bring 10 most useful CSS3 properties, which may help you to build modern websites. So, sit tight for amazing journey.

1. Rounded Corners -

A rounded button can spruce up a website, but it's hard to create one. Rounded corner requires a designer to write a lot of code. Adjusting the height, width and positioning of these elements is a never-ending chore because any change in content can break them. CSS3 solve this problem using border-radius property. It gives you the same rounded-corner effect but, don't have to write all the code.

border-radius: 5px;
-webkit-border-radius: 5px;

2. Multiple backgrounds -

Now, CSS3 help you to add multiple background in the same element. The background property has been overhauled to allow for multiple backgrounds, where each image can be moved and animated independently. Currently not all browser support for multiple backgrounds. Make sure that you provide a fallback for the browsers in your project. Else, they'll skip over the property entirely, leaving your background blank.

background: url('image/img1.jpg') 0 0 no-repeat, url('image/img2.jpg') 100% 0 no-repeat;

Read full article