پرسش از Animations

سوال

سلام دوستان وقت بخیر.

یه مشکلی دارم: وقتی که انیمیشنی رو روی یک hover اجرا میکنم، بعد از مدت زمانی که تعیین شده انیمیشن پاک شده و به حالت اول و اصلی خودش بر می گرده؛ ولی من می خوام که تو اون حالت بمونه.

 

حل شد 0
, 2019-04-22T16:56:05+03:30 1 پاسخ ها کاربر تازه 0

پاسخ ( 1 )

  1. SOLTANE GHALBHA
    0
    2019-04-22T19:49:41+03:30
    پاسخ

    سلام

    با Css که امکان پذیر نیست، میتونید از جاواسکریپت یا جی کوئری استفاده کنید.

    و برای اینکار از رویداد mouseover میتونید استفاده کنید، مثال زیر را اجرا کنید.

    <!DOCTYPE html> 
<html> 
    <head> 
        <title>رویداد mosueover</title> 
        <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> 
          
        <!-- jQuery code to show the working of this method -->
        <script> 
            $(document).ready(function() { 
                $("p").mouseover(function() { 
                    $("p").css("background-color", "green"); 
                }); 
            }); 
        </script> 
        <style> 
            body { 
                width: 240px; 
                height: 70px; 
                border: 2px solid green; 
                font-weight: bold; 
                font-size: 20px; 
				text-align: center;
            } 
        </style> 
    </head> 
    <body> 
          
        <!-- move over this text to see the change -->
        <p>www.beporsam.ir</p> 
       
    </body> 
</html>

    موفق باشید

    بهترین پاسخ

ارسال یک پاسخ