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

بازدید15.1kپست ها1آخرین فعالیت7 سال پیش
0
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

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

سوال برنامه نویسی دارید؟

هیچ وقت در پرسیدن سوال شک نکنید

خوش آمدید

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