7 993 Скрипты / Animation

Анимированные шестеренки

Сделаем анимацию зубчатой передачи на CSS3, то есть заставим шестеренки вращаться. Работает в Firefox, Chrome и Safari.

HTML


        <div class="container">
            <div class="gear" id="gear1"></div>
            <div class="gear" id="gear2"></div>
            <div class="gear" id="gear3"></div>
            <div class="gear" id="gear4"></div>
            <div class="gear" id="gear5"></div>
            <div class="gear" id="gear6"></div>
            <div class="gear" id="gear7"></div>
        </div>


CSS



Скачать 1034Загрузок 184,99 Kb
Демо

Комментарии

  • Facebook
  • Вконтакте

Похожие статьи