Wednesday, 19 June 2013

Whats New in CSS3


CSS3 Features:

There are several new functionalities have been provided through CSS3. Functions such like opacity, Text-overflow, media queries and box shadows are some of the much attractive introductions.

1- With CSS3 you’ll be able to add not one, not four, but eight background images to a single element.

2- CSS3 is also addingborder-radius that may eliminate the need for images to create rounded corners in most cases.
Example:
<div style=" background-color: #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000; padding: 10px;" > 

3-  in CSS3 you Can Set Border-image Property. Border-image, allows an image to be used as the border of an element.

4- you can set text-shadow in CSS3 by using
text-shadow: 2px 2px 2px #000; property.

5- in CSS3 you can set Transparency & Opacity of a element.
  example: <img src="opacity.png" style="margin: 10px; opacity:0.25; width:179px; height:76px;"/>

6- The word-wrap property added to CSS3 and it is really essential. 
   example :
<p style="word-wrap: break-word;...

7- in CSS3 you can Rotate any element by using transform property.
example: div{ transform :rotate(30deg); }



0 comments:

Post a Comment

Topics

ADO .Net (2) Ajax (1) Angular Js (17) Angular2 (24) ASP .Net (14) Azure (1) Breeze.js (1) C# (49) CloudComputing (1) CMS (1) CSS (2) Design_Pattern (3) DI (3) Dotnet (21) Entity Framework (3) ExpressJS (4) Html (3) IIS (1) Javascript (6) Jquery (9) Lamda (3) Linq (11) Mongodb (1) MVC (48) NodeJS (7) RDLC (1) Report (1) Sql Server (29) SSIS (3) SSRS (2) UI (1) WCF (12) Web Api (10) Web Service (1) XMl (1)