Monday, February 24, 2014

CSS3 Transparency + Rotation

CSS3 rules for transparency

opacity: 0.5;  /*value 0-1, all other browsers and IE9+ */
filter: alpha(opacity=50);  /* value 0-100, works in IE6+ */
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);  /*value 0-100, works in IE6+ */
-ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=50)"; /*value 0-100,  this works in IE8 only */


CSS3 rules for rotation

-webkit-transform: rotate(97deg); /*value 0-360, safari and chrome*/
-moz-transform: rotate(97deg); /*value 0-360, firefox*/
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); /*Internet Explorer; only accepts following values, 0, 1, 2, 3 ; 0=0 degree rotation, 1=90 degree rotation, 2=180 degree rotation, 3=270 degree rotation*/

No comments:

Post a Comment