پرسش از Animations

سوال

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

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

 

حل شد 0
, ۱۳۹۸/۲/۲ ۱۶:۵۶:۰۵ 1 پاسخ ها کاربر تازه 0

پاسخ ( 1 )

  1. SOLTANE GHALBHA
    0
    ۱۳۹۸/۲/۲ ۱۹:۴۹:۴۱
    پاسخ

    سلام

    با 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: ۲۴۰px;
                    height: ۷۰px;
                    border: ۲px solid green;
                    font-weight: bold;
                    font-size: ۲۰px;
    text-align: center;
                }
            </style>
        </head>
        <body>
              
            <!-- move over this text to see the change -->
            <p>www.beporsam.ir</p>
          
        </body>
    </html>

    موفق باشید

    بهترین پاسخ

ارسال یک پاسخ