Записи, помеченные ‘css-анимация’

• 

  Создание анимированной гистограммы с использованием CSS3

  В этом уроке мы будем создавать  анимированную гистограмму, использующую переходы. Основная задача: создать красивую трехмерную гистограмму. Столбцы будут расположены не в один ряд, так как анимировать такую версию было бы сложно, а один над другим. Когда пользователь наводит указатель мыши на столбец, запустится анимация и столбец увеличится до нужного размера.

  Далее... 1 Комментарий »
• 

  Поворачивающийся рекламный щит с использованием только CSS

  Сегодня мы будем создавать рекламный щит, используя исключительно CSS. Обратите внимание, этот пример тестировался только в браузере Safari на компьютере Mac и в браузере Safari для системы IOS на iPhone. Ниже вы увидите демонстративное видео, на случай, если у вас нет этих браузеров.

  Далее... Нет комментариев »
• 

  Создание плиточной анимации при помощи CSS и jQuery

  Приложения сервиса Google Plus для iPhone и Android устройств многим кажутся очаровательными. Все изменения в них происходят плавно, но не в ущерб производительности. Плиточная анимация, происходящая при прокручивании ленты новостей, делает еще более приятной прокрутку страницы. Разве не здорово было бы реализовать такую анимацию на вашем веб-сайте?

  Далее... 1 Комментарий »
• 

  Исчезающие со временем уведомления с CSS-анимацией

  В этом уроке показано, как создать некоторые простые исчезающие со временем уведомления с CSS-анимацией. Основная задача – показать уведомление или предупреждение на определенное время и после этого скрыть его. Мы будем использовать маленький индикатор выполнения задачи, чтобы показать, сколько времени осталось до того момента, как уведомление исчезнет.

  Далее... 2 Комментариев »
• 

  Создание анимации с Animate.css

  Несмотря на все трудности возникающие при создании анимации, безусловно стоит стремиться к получению навыков,  приобретению уверенности и достижению мастерства в этой области. Ден Эден – дизайнер и студент из Манчестера (Великобритания) —  создал своеобразную библиотеку анимации Animate.css. По его словам, изначально идея возникла для оптимизации собственного времени на разработку проектов, а затем приобрела большие масштабы. Теперь все желающие могут [...]

  Далее... 1 Комментарий »
• 

  Объединение CSS-анимации и JavaScript

   Четыре с половиной года назад CSS переходы были впервые введены в WebKit, и три года, как к ним присоединилась анимация по ключевым кадрам CSS. В настоящее время они приближаются к переломному моменту реализации в браузерах — на данный момент поддерживаются в Chrome, Safari и Firefox, а значит, стали доступными для 50-60 процентов веб-пользователей, и скоро появятся в Опере 12 и [...]

  Далее... 2 Комментариев »