[CSS] OgÂłoszenie dopiero po najechaniu myszkÂą

malinos01 · 2013-01-06 10:08:29

Kod:

#announce.block div.box {display:none}
#announce.block:hover div.box {display:block}

Pozwoli on nam na ukrycie ogÂłoszenia, pozostawiajÂąc jedynie belkĂŞ i napis "OgÂłoszenie". Reszta odsÂłania siĂŞ dopiero po najechaniu myszkÂą na to co zostanie.

Efekt moÂżna zobaczyĂŚ tutaj.

Lolz · 2013-01-06 15:33:50

Kod:

#announce.block div.box {
    height: 0px;
    font-size: 0px;
    -moz-transition: 0.3s;
    -moz-transition-delay: 0.1s;
}
#announce.block:hover div.box {
    height: 100%;
    font-size: 12px;
}

Z efektem powiĂŞkszania siĂŞ czcionki, oraz menu nie rozwija siĂŞ przy szybkim, przypadkowym przesuniĂŞciu myszkÂą.
Dla Firefoxa, ale dla innych silnikĂłw teÂż Âłatwo dodaĂŚ reguÂłki.

malinos01 · 2013-01-06 19:18:54

Z tym efektem powiĂŞkszania siĂŞ czcionki to nawet ciekawy pomysÂł, tyle Âże jak ktoÂś bĂŞdzie miaÂł baaaaardzo dÂługie ogÂłoszenie to bĂŞdzie w pewnej czĂŞÂści tylko wadziÂło, ale tak ogĂłlnie to nawet nieÂźle wyglÂąda

OgĹoszenie

Reklama ( Kliknij w celu pokazania zaprzyjaźnionych stron )

Skrypty ( Informacje dotyczące użytkowania )

Współpraca ( Wymiana bannerem, kontakt itp. )

#1 2013-01-06 10:08:29