D.iK.iJ
 
Ссылки Поиск Написать В избранное NO

Блоггер / Блог 2014 год

RSS лента новостей, Подписка по Email

      CSS анимация

         Сегодня доделал на сайте CSS анимацию. Раньше тут была покадровая анимация на основе animate.css, но она срабатывает при загрузке страницы и ее практически невозможно перезапустить. В итоге, я просто использовал transition и Javascript.
         Стиль CSS задает плавное изменение, например, высоты, а скрипт просто меняет эту высоту с 0 на 500.

iframe{
         -webkit-transition: height 1s;
         -moz-transition: height 1s;
         -o-transition: height 1s;
         transition: height 1s;}

         В итоге, картинки теперь выплывают сверху при загрузке, а фреймы плавно разворачиваются. В принципе, большего и не нужно. Да и со сворачиванием я тоже мудрить не стал.
         Думаю, самое огромное количество анимации досталось сайту Уралова Александра: uralov.info. Там это затронуло все внешние ссылки, комментарии и иллюстрации.

         
         
Главная, 1, 2,
( 73 )