Po najetí na DIV1 se zobrazí DIV2

HTML:

<div class="prvni">První div<br>Najeďte na tento DIV a "Druhý div" se prolnutím (9. řádek v CSS) zabarví červeně.</div>
<div class="druhy">Druhý div</div>

CSS:

.prvni, .druhy {
    border: 1px solid black;
    padding: 20px;
    margin: 20px;
}
 
.druhy {
    display: none;
}
.prvni:hover + .druhy {
    background: red;
    transition: 0.8s;
    display: block;
}

Živá ukázka (zdroj)

Živá ukázka

Související článek: Po najetí na DIV1 se zabarví DIV2

 

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.