Pojawianie się tekstu po najechaniu

0

Witam, mam takie pytanie, czy jest możliwość w css/html pojawienie się tekstu/czegokolwiek po najechaniu tak aby możliwy był konfiguracji. A dokładniej chodzi mi o to żeby po wyjechaniu paska górnego pojawił się tekst w nim.
HTML

<html>  
<head>
    <link rel="stylesheet" href="main.css">
</head>
<body>
    <div class="div1"></div>
</body>
</html>

CSS

body
{
    padding:0;
    margin:0
}
.div1
{
    background-color:mediumblue;
    width:100%;
    height:20%;
    border-bottom-left-radius: 110%;
    border-bottom-right-radius: 110%;
    transition: 4s;
    
}
.div1:hover
{
     background-color:rebeccapurple;
    width:100%;
    height:50%;
    border-bottom-left-radius: 20%;
    border-bottom-right-radius: 20%
}
0

czy jest możliwość w css/html pojawienie się tekstu/czegokolwiek po najechaniu tak aby możliwy był konfiguracji

W jakim języku jest napisane to zdanie? Na polski to nie wygląda.

A dokładniej chodzi mi o to żeby po wyjechaniu paska górnego pojawił się tekst w nim.

No to chodzi Ci o "wjechanie" czy "wyjechanie"?
I co to tak właściwie znaczy "wjechanie" oraz "wyjechanie"?

0

Chodzi mi o to czy jest możliwość opcji pojawienia się tekstu w divie dopiero po wykonaniu animacji powiększenia tego diva?(po najechaniu myszką na niego)

1

Ano można się pobawić z @keyframes - powinno się udać coś takiego wykonać, jeśli dasz np. display:none; na 0% i display:block; przy 100%.

0

Wpadłem też teraz na pomysł żeby kolor fontu był początkowo koloru tła a dopiero po najechaniu zmieniał na widoczny kolor. Efekt taki jaki chciałem.

Dzięki za pomoc.

1 użytkowników online, w tym zalogowanych: 0, gości: 1