نمایش بی نهایت یک افکت CSS؟
#1
Note 
سلام
آیا میشه یک افکت 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>

پاسخ
#2
Note 
سلام
فکر کنم بهترین راه استفاده از انیمشن در css هست
این کد رو تست کنید:
کد php:
<!DOCTYPE html>
<
html>
<
head>
<
style>
@-
webkit-keyframes class /* Chrome-safari */
{
0%   {-webkit-transformrotate(0deg);}
100%   {-webkit-transformrotate(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

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

پاسخ
ایجاد موضوع جدید   پاسخ به موضوع  

کاربرانِ درحال بازدید از این موضوع:   1 مهمان