New css3 feature you should know

1. Calculate calc ()With values

The new best CSS 3 feature is the calculate function. Used an easy arithmetic calculation in CSS. Size and length must be required. What is even container you can openly alloy various units related to percentages and pixels? This makes an area of design grind that you might have used in the past obsolete.

2. CSS Transitions and Animations :

The css3 animations are completely available in perfect major browsers even in IE. There is two form to create text or image animations. an animation is very easy used to the animated smooth effect of CSS features properties with the transition notification. In transitions effect to create hover effect or mouse effect down or you can generate the animation by changing the different style of an element with CSS.

3. Gradients

3.1 Linear Gradient:

The linear gradient used two color backgrounds. Color stops are used to render smooth transitions You can also set a starting point and a direction and angle along with the gradient effect. A gradient is diagonally by defining both the horizontal and vertical starting positions.

Eg:

#grad {
background: linear-gradient(to right, green , yellow);
}

Gradients give web designers redial color are used in gradient smooth position allow in some vertical and horizontal images. Used different multiple colors in some positions.

4. Develop Content and Counters

Develop content is very powerful counter used in the hook of developers build available by the:: after and:: before pseudo elements.

5. Web fonts

There are even icon fonts like font awesome, which contain pretty aim icons rather of letters or numbers. This was all made possible by the code @font-face rule, which lets you define the name, characteristics and source files for fonts, which you can later refer to your font/font-family declarations.

Webfont imagines that there was a time when we were limited to only a handful of "web-safe" fonts. It is hard to accept we have services related Google Fonts and Typekit which let you embed beautiful fonts by simply including a stylesheet in your page.

6. Media Queries for all devices

Media queries are important to use in web design. It can use to be that you had a regular website, full sufficient to fit the smallest monitor resolution used at the time, and a separate mobile website.