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

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

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

<!DOCTYPE html> <html> <head> <style> class { -webkit-transition:all 1s; } .class:Hover{ -webkit-transition:all 1s; -webkit-transform:rotate(360deg); } </style> </head> <body> <img class="class" src="http://img4up.com/up2/51920151964688472106.png"> </body> </html>

سلام
فکر کنم بهترین راه استفاده از انیمشن در 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

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

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

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

خوش آمدید