Кроссбраузерность CSS анимации. Как?

(Ответов: 2, Просмотров: 1181)
  1. Новичок Аватар для Raven
    • Регистрация: 16.04.2011
    • Сообщений: 25
    • Репутация: 12
    Здравствуйте, уважаемые!
    Такой вопрос. Вот делаю я класс с анимацией текста к примеру
    Код HTML:
    .class_1 {
    	-webkit-animation: rotateWord 0.8s forwards cubic-bezier(0.000, 0.615, 0.475, 0.980);
    	-moz-animation: rotateWord 0.8s forwards cubic-bezier(0.000, 0.615, 0.475, 0.980);
    	-o-animation: rotateWord 0.8s forwards cubic-bezier(0.000, 0.615, 0.475, 0.980);
    	-ms-animation: rotateWord 0.8s forwards cubic-bezier(0.000, 0.615, 0.475, 0.980);
    	animation: rotateWord 0.8s forwards cubic-bezier(0.000, 0.615, 0.475, 0.980);
    	animation-iteration-count: 1;}
    Работает только свойство -moz-animation, соответственно в мозиле. Во всех остальных браузерах ноль реакции. Подскажите, что не так? Где накосячил?
    Спасибо!
    Последний раз редактировалось Raven; 15.09.2014 в 09:34.
    • 0
  2. Студент Аватар для parserrf
    • Регистрация: 03.03.2012
    • Сообщений: 89
    • Репутация: 20
    • Webmoney BL: ?
    rotateWord - это название keyframe?
    нужно его прописывать для всех браузеров

    @-webkit-keyframes rotateWord {}
    @-moz-keyframes rotateWord {}
    @-o-keyframes rotateWord {}
    @keyframes rotateWord {}
    • 1

    Спасибо сказали:

    Raven(15.09.2014),
  3. Новичок Аватар для Raven
    • Регистрация: 16.04.2011
    • Сообщений: 25
    • Репутация: 12
    parserrf, спасибо, въехал)
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Допилить одностраничник на кроссбраузерность.
Создание сайтов 9 05.07.2014 06:18
Плеер для анимации
WordPress 2 18.11.2013 13:47
Поисковик по gif анимации
Софт, скрипты, сервисы 2 15.02.2013 22:04
Кроссбраузерность для сайта
Другая работа 0 10.04.2012 20:09
JavaScript фреймворк анимации GX
Дайджест блогосферы 0 04.02.2010 11:41

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры