Анимация CSS не работает

Я пытаюсь добавить animate.css на свой сайт. Для этого я пробую с основным примером.

<html>
  <link rel="stylesheet" type="text/css" href="animate.css">
  <h1 class="animated infinite bounce">Animate</h1>
</html>

Но это не работает. Путь абсолютно правильный. И я работаю в XAMPP.


css animate.css animated
person Abhi80    schedule 14.04.2015    source источник
comment
Визуализируемые элементы должны быть помещены в тег ‹body›.   -  person Bryan Way    schedule 14.04.2015

Ответы (1)


arrow_upward
5
arrow_downward

Тег link должен находиться внутри элемента head.

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="animate.css">
  </head>
  <body>
    <h1 class="animated infinite bounce">Animate</h1>
  </body>
</html>
person yts    schedule 14.04.2015
comment
Он все еще не работает ... это из-за использования localhost? - person Abhi80; 14.04.2015
comment
попробуйте сделать это без локального хоста. Просто откройте файл прямо в браузере. animate.css находится в том же каталоге, что и ваш html-файл? - person yts; 14.04.2015
comment
Теперь он работает, просто открыв html-файл в браузере. Почему не работает на локалхосте? - person Abhi80; 14.04.2015
comment
Возможно, ваш локальный хост работает неправильно. Когда вы щелкаете правой кнопкой мыши › просмотреть исходный код, вы видите HTML? - person yts; 14.04.2015
comment
Да, я вижу html - person Abhi80; 14.04.2015
comment
Новый или старый HTML? Вместо этого попробуйте ./animate.css - person yts; 14.04.2015
comment
Новый хтмл. Я скачал шаблон, в котором есть анимированный отскок. На локалхосте работает нормально - person Abhi80; 14.04.2015
comment
Не знаю, что тебе сказать - person yts; 15.04.2015