چرخاندن اشیا در وبسایت با استفاده از CSS 3
در خدمتتون هستیم با آموزشی دیگر اینبار به کمک سی اس اس 3 که البته باید اشاره کنم که این کد در تمامی مرورگرها پشتیبانی میشه 🙂
به کمک این آموزش میتونید اشیا در وبتون بچرخونید ٫ که زیبایی خاصی به صفحات وب میده.
این کد در مرورگرهای مختلف به صورت های مختلفی نوشته میشه که ما در اینجا تمام کدها رو میزاریم و پیشنهاد میکنیم از تمام کدها همزمان استفاده کنید تا در مرورگرهای مختلف ظاهر یکسانی داشته باشید.
اما کد نویسی:
کد عمومی:
transform:rotate(30deg);
کد مخصوص مرورگر اینترنت اکسپلور9
-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);
منتظر نظرات پیشنهادات و سوالاتتون هستیم.
مرسی خیلی به کارم اومد
از این مطلب استفاده کردم و از سایت زیباتون لذت بردم.
فقط خواستم ازتون تشکر کنم و خداقوت بگم.
ممنونم و خوشحالم که براتون مفید واقع شده
ممنون خیلی دنبال این آموزش بودم 🙂
سلام محمد جون. خیلی عالی بود. میشه به منم یه کمک بکنی توی یه سی اس اس مشکل دارم
سلام ، قربانت 🙂
چشم در خدمتم ، سوالاتت اگر عمومی هست همینجا هم بپرسی پاسخ داده میشود 🙂