Gunnar Bittersmann: bei Hover, langsam er Farbwechsel

Beitrag lesen

@@dave:

nuqneH

Ein Test im Chrome funktionierte bei mir allerdings nicht. […] bist du dir sicher dass das geht?

Nö.

a  
{  
	display: block;  
	position: relative;  
	overflow: hidden;  
}  
  
a::after  
{  
	background: -webkit-gradient(linear, center top, center bottom, from(red), color-stop(25%,red), color-stop(75%,blue), to(blue));  
	content: "\A0";  
	display: block;  
	height: 100px;  
	position: absolute;  
	top: 0;  
	-webkit-transition-duration: 1s;  
	width: 100%;  
	z-index: -1;  
}  
  
a:hover::after  
{  
	top: -80px;  
}

wechselt zwar die Farbe, aber nicht langsam. Fehler im Chrome?

Qapla'

--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)