افکت زیبای  چرخش تصاویر توسط css
نویسنده : yazdanian
دسته بندی : قالب سایت / دیگر
امتیاز دهید : +12
سلامی گرم به همه شما عزیزان .

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

»»» چرخ بر هم زنم ار غیر مرادم گردد ،،،، من نه آنم که زبونــــی کشم از چرخ فلک ...
..................................................................................................................

افکت زیبای  چرخش تصاویر توسط css



ابتدا فایل style.css را با ویرایشگر ساده ای مانند نوت پد گشوده و سپس کد زیر را به انتهای آن وارد نمایید:



.tickonline {
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}

.tickonline:hover{
-webkit-transform: rotate(360deg) skew(0deg) translate(0px);
-moz-transform: rotate(360deg) skew(0deg) translate(0px);
-o-transform: rotate(360deg) skew(0deg) translate(0px);
}






...........................
حالا به هر تصویر درون قالب ک میخواهید با دادن کد زیر افکت چرخش رو بدید :



<div class="tickonline"><a href="لینک مقصد"><img class="aligncenter" src="ادرس عکس" alt="" /></a></div>




اسکرین شات :
افکت زیبای  چرخش تصاویر توسط css



هرجا دوست دارید میتونید کد رو استفاده کنید. امیدوارم لذت برده باشید.

تگ مطلب : کد css چرخش تصاویر با رفتن موس روی ان, کد افکت, افکت تصاویر
کانال تلگرام تیک آنلاین : اطلاع از آخرین اخبار و هر آنچه یک وبمستر نیاز دارد ...جهت عضویت رو لینک کلیک کنید عضویت در کانال
telegram

موضوعات سایت

آمار سایت


  • کاربران عضو : ( 0 )
  • کاربران مهمان : ( 3 )
  • ربات ها : ( 1 )
  • مجموع آنلاین ها: ( 4 )

بازدید امروز :
3565
بازدید دیروز :
7818

دیگر سایت های ما