آیا می دانستید سایت تیک آنلاین دارای 882 مطلب مفید و 108102 کاربر می باشد !

افکت زیبای  چرخش تصاویر توسط css
نویسنده : yazdanian
دسته بندی : قالب سایت / دیگر
16 مهر 1391
امتیاز دهید : +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 )
  • کاربران مهمان : ( 22 )
  • ربات ها : ( 1 )
  • مجموع آنلاین ها: ( 23 )

بازدید امروز :
740
بازدید دیروز :
13532

تبلیغات متنی

طراحی سایت در کرج

www.Groupdesign.ir

ساندویچ پانل سقفی

www.sandwich-panelmammut.com

هات تپ صنعت

www.Hottapsanat.com

هات تپ ایران

www.Hottapiran.com

هات تپ

www.Hottapco.ir

هات تپ کاران

www.Hottapkaran.com

قیمت ساندویچ پانل

www.mammoth-panel.com

ساندویچ پانل

www.sandewichpanel.com

ساندویچ پنل ماموت

www.mammoth-panel.com