چرخاندن اشیا در وبسایت با استفاده از CSS 3

در خدمتتون هستیم با آموزشی دیگر اینبار به کمک سی اس اس ۳ که البته باید اشاره کنم که این کد در تمامی مرورگرها پشتیبانی میشه 🙂

به کمک این آموزش میتونید اشیا در وبتون بچرخونید ٫ که زیبایی خاصی به صفحات وب میده.

این کد در مرورگرهای مختلف به صورت های مختلفی نوشته میشه که ما در اینجا تمام کدها رو میزاریم و پیشنهاد میکنیم از تمام کدها همزمان استفاده کنید تا در مرورگرهای مختلف ظاهر یکسانی داشته باشید.

اما کد نویسی:

کد عمومی:

transform:rotate(30deg);

کد مخصوص مرورگر اینترنت اکسپلور۹

-ms-transform:rotate(30deg);

کد مخصوص فایرفاکس

-moz-transform:rotate(30deg);

کد مخصوص سافاری و کروم

-webkit-transform:rotate(30deg);

کد مخصوص اپرا

-o-transform:rotate(30deg);

پیشنهاد ما هم اینه که همیشه به صورت کامل به کار ببرید:

transform:rotate(30deg);

-ms-transform:rotate(30deg);

-moz-transform:rotate(30deg);

-webkit-transform:rotate(30deg);

-o-transform:rotate(30deg);

منتظر نظرات پیشنهادات و سوالاتتون هستیم.