چرخش متن در Css3 – آموزش سی اس اس

[birtemp]

http://www.prolearn-vs.com/wp-content/uploads/2012/11/text-rotate-css.jpg (http://www.prolearn-vs.com/wp-content/uploads/2012/11/text-rotate-css.jpg)
با استفاده از تابع “Rotate” در CSS (http://www.prolearn-vs.com/category/%d9%85%d9%82%d8%a7%d9%84%d8%a7%d8%aa/css-%d9%85%d9%82%d8%a7%d9%84%d8%a7%d8%aa)3 می توان هر چیزی را در صفحه وب چرخاند. با استفاده از همین تابع متنی را خلاف جهت عقربه های ساعت در زاویه ۹۰ درجه خواهیم چرخاند. این تابع تنها بر روی مرورگرهایی فایرفاکس ۳٫۵+، کروم ۴٫۰+، سافاری ۳٫۱+ و اپرا ۱۰٫۵+ قابل کارکرد است.
و اما پیشرفته ترین مرورگر دنیا (IE) :)
مرورگر اینترنت اکسپلورر هم با تیکه بر ویژگی های “filter” توانسته کمی خود را بالا بکشد. در این مرورگر تنها با ۴ عدد ۰،۱،۲ و ۳ می توان در زوایای ۰،۹۰،۱۸۰ و ۲۷۰ درجه شیئی را چرخاند.

/* Safari */
-webkit-transform: rotate(0deg);
/* Firefox */
-moz-transform: rotate(0deg);
/* Opera */
-o-transform: rotate(0deg);
/* IE */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotat ion=0);


نمونه (http://www.prolearn-vs.com/wp-content/uploads/2012/11/text-rotate-in-css.html)
منبع : پرولرن (http://www.prolearn-vs.com/)