• نمایش بی نهایت یک افکت 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 مهمان