CSS Hover Učinki in Interakcije

CSS Hover Učinki

Hover učinek se sproži, ko uporabnik premakne miškin kazalec nad element. To je odličen način za dodajanje interaktivnosti vaši spletni strani. Spodaj si oglejte praktične primere različnih hover učinkov.

PRIMER

                        <!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="hover-container">
        <div class="hover-box">
            Premakni miško nad ta element za učinek dviga
        </div>

        <div class="hover-reveal">
            Premakni miško sem za prikaz skrite vsebine
            <div class="hidden-content">
                Čestitamo! Odkrili ste skrito sporočilo.
            </div>
        </div>
    </div>
</body>
</html>
        
                    

REZULTAT

CSS Hover Učinki

Vadnica.org

Povezave

Podpora