CSS3-анимация с градиентами [дубликат]
Прием несочетания клавиш должен использовать наборы фиксации в Вашем представлении Team-> Synchronise для организации изменений перед фиксацией.
Набор массив изменений, чтобы быть значением по умолчанию и всеми изменениями, которые Вы вносите на файлах, будет вставлен в тот набор, облегчая видеть то, что Вы изменили при работе над определенным дефектом/функцией и другими изменениями, которые Вы имели при тестировании и т.д.
2 ответа
Если вы ищете переход текста со сплошного цвета на градиент. Просто анимируйте цвет текста RGBA, чтобы увидеть примененный к нему градиент фона.
CSS:
.button {
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fe046e), color-stop(100%,#a02ed4));
-webkit-background-clip: text;
color: rgba(255,255,255,1);
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.button:hover {
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fe046e), color-stop(100%,#a02ed4));
-webkit-background-clip: text;
color: rgba(255,255,255,0);
}
Вы должны проверить наждачную бумагу CSS - это позволяет вам получить анимированные градиенты, но это не просто решение CSS. Css наждачная бумага заботится о межбраузерной визуализации градиента, и есть фрагмент javascript, который обрабатывает анимацию.
http://www.useragentman.com/blog/2010/04/05/cross-browser-animated-css-transforms-even-in-ie/