Задать вопрос
dazle
@dazle
Хороший электрик, но в душе программист

Анимация перестает работать когда её код помещаеш в отдельный (общий) файл CSS почему?

Анимация работает в файле страницы сайта т.е в style type="text-css" а когда я её полность переношу в общий отдельный файл сss - не работает
CSS
.area img{ width:55px; height:33px;position: absolute;z-index:99;}
 .area{z-index:99;
 position:absolute;
 animation: mymove 100s infinite; 
 -moz-animation: mymove 100s infinite; /* Firefox */ 
 -webkit-animation: mymove 100s infinite; /*Safari и Chrome*/ 
 } 
 
 @keyframes mymove { 
   0% { top:45px; left: 20px;} 
  2% { top:75px; left: 80px;} 
  50% { top:655px; left: 1470px;} 
  100% { top:45px; left: 20px;} 
  } 
 @-moz-keyframes mymove { 
  0% { top:45px; left: 20px;} 
  2% { top:75px; left: 80px;} 
  50% { top:655px; left: 1470px;} 
  100% { top:45px; left: 20px;} 
 } 
 
@-webkit-keyframes mymove { 
   0% { top:45px; left: 20px;} 
  2% { top:75px; left: 80px;} 
  50% { top:655px; left: 1470px;} 
  100% { top:45px; left: 20px;} 
 }

HTML
<div class="area"><img src="img/3.gif"></div>
Процентных соотношений больше я просто упростил код.
  • Вопрос задан
  • 90 просмотров
Подписаться 1 Простой 8 комментариев
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы