Используйте переходы CSS3 с градиентным фоном ⇐ CSS

[Anonymous]

Я пытаюсь выполнить переход при наведении курсора мыши на миниатюру с помощью CSS, чтобы при наведении курсора градиент фона исчезал. Переход не работает, но если я просто изменю его на значение rgba() , все работает нормально. Градиенты не поддерживаются? Я тоже пробовал использовать изображение, оно тоже не меняет изображение.

Я знаю, что это возможно, поскольку в другом посте кто-то это сделал, но я не могу понять как именно. Любая помощь> Вот CSS для работы:

#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)))
}


Подробнее здесь: https://stackoverflow.com/questions/654 ... ackgrounds