keyframe анимация не работает в chrome

[apexis]

keyframe анимация не работает в chrome. Пробовал с префиксами, не работает. Как это решить? http://jsbin.com/menezamu/1/edit

@keyframes huge {	0% {transform: scale(1.0, 1.0); background-color: #ff375a }	50% {transform: scale(1.2, 1.2); background-color: #379bff }	100% {transform: scale(1.0, 1.0); background-color: #ff375a}	}.animButton {    color:white;    font:italic 20px Impact;    letter-spacing:1px;    text-shadow: 0 1px 1px rgba(0,0,0,0.6);    display:table;    text-align:center;    line-height:150px;    width:150px;    height:150px;    border-radius:100px;    background:url(/img/usa/herbals.png) no-repeat bottom, -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%) #ff375a;    background:url(/img/usa/herbals.png) no-repeat bottom, -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%) #ff375a;    box-shadow: 1px 1px 2px black;    animation: huge 3s infinite;    margin: 0 auto;    }

<a href="/trunk/herbal.php" title="О фитосборах «Здоровье семьи»" class="animButton">Подробнее</a>

Edited June 18, 2014 by apexis

[Great Rash]

http://css-tricks.com/snippets/css/keyframe-animation-syntax/

[SelenIT]

Для transform, судя по всему, тоже пока нужен -webkit-префикс. А вот -moz-radial-gradient давно можно и нужно заменить на беспрефиксный вариант с ключевым словом at.

[apexis]

Для transform, судя по всему, тоже пока нужен -webkit-префикс. А вот -moz-radial-gradient давно можно и нужно заменить на беспрефиксный вариант с ключевым словом at.

Да, дело было в префиксах, спасибо