اسـتایل ساده تصاویر

سلام

امروز دیدم بیکار نیستم و کار دارم :d

این و زدم

کد:

.mostafa-1{border-radius:100%; } .mostafa-1:hover{ border-radius:0%; -webkit-transition:all 1s ease; -webkit-transform:rotate(360deg); }

خوب حالا یکم بگم چیکار کنین D

برای تغییر تصویر این فایل رو عوض کنید

http://toolsin.in/wp-content/uploads/2014/10/images2.jpg

برای تغییر درجه شرخش این کد رو ویرایش کنید و به جای 360 عدد مورد نظر رو بذارید

کد:
-webkit-transform:rotate(360deg);

برای تغییر مدت زمان انجام عملیات به جای 1 در کد زیر عدد مورد نظر رو بذارید

کد:
-webkit-transition:all 1s ease;

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

در کد زیر عدد مورد نظر رو بذارید

کد:
border-radius:0%;

نکته : این کد فقط روی یک تصویر اعمال میشه اگر میخواید این کد روی تمامی تصاویر وبلاگتون اعمال بشه از این کد استفاده کنید

کد:
img{border-radius:100%; } img:hover{ border-radius:0%; -webkit-transition:all 1s ease; -webkit-transform:rotate(360deg); }

اگر مشکل در کد بود شرمنده مرورگرم مشکل داره مجبورم اول توی نوت پد بنویسم بعدش انتقالش بدم مشکلی بود بگید تا درست کنم

شرمنده اگر ساده هست

امضاي کاربر :
شعر /ترانه /ادبیات / نقد و تحلیل ادبی و بررسی /کارگاه شعر / داوری شعر /دكلمه اشعار / مصاحبه ی هنری

تشکر شده:

3 کاربر از fada به خاطر اين مطلب مفيد تشکر کرده اند: mahdio77 / 78nbm78 / whatyouknow /

چقدر کار

امضاي کاربر :

https://t.me/M_o_bb_i_n