#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.
Offline
#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.
Offline
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
Offline