Verwenden Sie CSS3 -Übergänge mit Gradientenhintergrund ⇐ CSS

[Anonymous]

Ich versuche, mit CSS über ein Miniaturansichten auf Schwebeplätze zu wechseln, damit der Hintergrundgradient beim Schwebewesen nicht funktioniert. Wenn ich ihn einfach in einen RGBA () Wert funktioniert, funktioniert es einwandfrei. Ich habe auch versucht, ein Bild zu verwenden, es wird das Bild auch nicht wechseln. Irgendwelche Hilfe? Hier sind einige CSS mit: < /p>

Code: Select all

#container div a {
-webkit-transition: background 0.2s linear;
-moz-transition: background 0.2s linear;
-o-transition: background 0.2s linear;
transition: background 0.2s linear;
position: absolute;
width: 200px;
height: 150px;
border: 1px #000 solid;
margin: 30px;
z-index: 2
}

#container div a:hover {
background: -webkit-gradient(radial, 100 75, 100, 100 75, 0, from(rgba(0, 0, 0, .7)), to(rgba(0, 0, 0, .4)))
}