HTML / CSS Transition funktioniert nicht?
Hallo,
wie man oben lesen kann funktioniert die Verzögerung eines hover Effekts nicht. Egal was ich probiere der hover Effekt hat keine Verzögerung. Hier der Code, der verzögert sein soll:
C{ width: 339px; height: 191px;
position:absolute;
z-index:13;
right: 65%;
bottom: 225px;
position: fixed;
background-image: url(../Bilder/C-ProgrammUn.png);
} #C:hover { background-image: url(../Bilder/C-Programm.png); }
Sorry falls unübersichtlich ist, GuteFrageNet matscht das leider.
Kann mir wer helfen? :D
Mfg TOminerTV
3 Antworten
Meinst du dass es animiert werden soll?
Oder meinst du dass es einfach eine Sekunde z.B. wartet bevor es farbig wird?
Du hast keine Verzögerung rein geschrieben...
Außerdem geht das scheinbar nicht mit background-image, jedenfalls gings grad bei mir nicht.
So gehts jedenfalls
img {position:absolute}
img:hover {opacity:0; transition:opacity 2s linear}
<img src="bild1.jpg">
<img src="bild2.jpg">
wo soll den da die verzögerung sein .
http://dabblet.com/gist/1498443
Im hover Effekt, ich habe auf meiner Seite ein schwarzes-weißes Bild, das beim hovern farbig wird, das ganze soll aber verzögert passieren, so als würde die Farbe langsam durch das schwarz-weiß Bild kommen.
was verstehst du den nicht bei dem link den ich da als beispiel eingetragen habe ?
oder willst du gar keine lösung ??
Funktioniert nicht.