نمایش بی نهایت یک افکت CSS؟

CSS

توسط xankazo در 5 سال پیش
0 643 1 5 سال پیش
xankazoreza-irdev
0

سلام آیا میشه یک افکت css رو بی نهایت اجرا کرد؟ مثلا وقتی ماوس روی تصویر میره، تصویر ما بینهایت بچرخه؟

من این کد رو الان نوشتم ولی فقط با رفتن ماوس روی اون یه بار میچرخه

<!DOCTYPE html> <html> <head> <style> class { -webkit-transition:all 1s; } .class:Hover{ -webkit-transition:all 1s; -webkit-transform:rotate(360deg); } </style> </head> <body></body> </html>
0

سلام فکر کنم بهترین راه استفاده از انیمشن در css هست این کد رو تست کنید:

<!DOCTYPE html>
<html>
<head>
<style>
@-webkit-keyframes class /* Chrome-safari */
{
0%   {-webkit-transform: rotate(0deg);}
100%   {-webkit-transform: rotate(360deg);}
}

.myclass
{
-webkit-animation:class 1500ms linear 0s infinite normal;    
}
</style>
</head>
<body>
<img class="myclass" src="http://img4up.com/up2/51920151964688472106.png">
</body>
</html>

دمو1دمو2

امیدوارم منظورتون همین باشه

خوش آمدید

برای طرح سوال، ایجاد بحث و فعالیت در سایت نیاز است ابتدا وارد حساب کاربری خود شوید. در صورتی که هنوز عضو سایت نیستید میتوانید در عرض تنها چند ثانیه ثبت نام کنید.

لطفا ابتدا لاگین کنید