Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «transform»
Советы, библиотеки и дополнительные материалы по CSS-анимации 2016-03-29 11:34:55
 + развернуть текст сохранённая копия
Введение
Была глубокая ночь. В темную комнату через деревянные окна проникал лунный свет. Он недостаточно освещал мой деревянный стол с ноутбуком, блокнотом и синей ручкой. Поэтому я протянул свою руку к настольной лампе и включил её.
На компьютере был открыт текстовой файл со списком статей и библиотек про веб-разработку. Он постоянно пополнялся новыми данными.
Свернув его, я пошел на улицу в поисках кинотеатра с Deadpool'ом запустил браузер и стал блуждать по окрестностям интернета. Во время прогулки я наткнулся на интересную js-библиотеку по созданию css-анимации, которую добавил в открытый до этого текстовой документ… Как оказалось, по этой теме у меня уже набралось больше 40 ссылок на материалы и библиотеки.
Читать дальше →
Тэги: animation, animations, css, css3, gefest, html, javascript, mr., transform, transitions, web, блог, веб-разработка, компании
[Из песочницы] Как создать анимированную колбу, используя CSS 2016-02-15 12:32:18
Сегодня хочу рассказать о том, как я создавал анимированную колбу, используя только CSS3. ...
+ развернуть текст сохранённая копия
Сегодня хочу рассказать о том, как я создавал анимированную колбу, используя только CSS3. Полученный результат можно увидеть здесь. Ну что интересно? Тогда давай приступим! Читать дальше →
Тэги: animation, css, css3, transform, transition, веб-разработка
Intermediate CSS3 Hover Effects. Пошаговый туториал. Часть 3 2015-12-25 09:42:29
Эта статья является логическим продолжением моей предыдущей статьи, посвященной основам CSS3 ...
+ развернуть текст сохранённая копия
Эта статья является логическим продолжением моей предыдущей статьи, посвященной основам CSS3 transitions и, если в ней я показывала принципы работы этих основ на простых примерах, сейчас я хотела бы перейти к более сложным, красивым и интересным эффектам.
Из-за большого размера статья разбита на три части. Первая часть. Вторая часть
Демо материалы лежат здесь. Все префиксы проставлены в демо, здесь же я не буду на них акцентировать.
Предупреждение: эффекты работают только в современных браузерах, поддерживающих возможности CSS3.
Читать дальше →
Тэги: animation, css, css3, effects, hover, hover-эффект, html, html-верстка, transform, transition, веб-дизайн, веб-разработка, туториал, эффект
Intermediate CSS3 Hover Effects. Пошаговый туториал. Часть 2 2015-12-25 09:42:00
Эта статья является логическим продолжением моей предыдущей статьи, посвященной основам CSS3 ...
+ развернуть текст сохранённая копия
Эта статья является логическим продолжением моей предыдущей статьи, посвященной основам CSS3 transitions и, если в ней я показывала принципы работы этих основ на простых примерах, сейчас я хотела бы перейти к более сложным, красивым и интересным эффектам.
Из-за большого размера статья разбита на три части. Первая часть. Третья часть.
Демо материалы лежат здесь. Все префиксы проставлены в демо, здесь же я не буду на них акцентировать.
Предупреждение: эффекты работают только в современных браузерах, поддерживающих возможности CSS3.
Читать дальше →
Тэги: animation, css, css3, effects, hover, hover-эффект, html, html-верстка, transform, transition, веб-дизайн, веб-разработка, туториал, эффект
Intermediate CSS3 Hover Effects. Пошаговый туториал. Часть 1 2015-12-25 09:41:24
Эта статья является логическим продолжением моей предыдущей статьи, посвященной основам CSS3 ...
+ развернуть текст сохранённая копия
Эта статья является логическим продолжением моей предыдущей статьи, посвященной основам CSS3 transitions и, если в ней я показывала принципы работы этих основ на простых примерах, сейчас я хотела бы перейти к более сложным, красивым и интересным эффектам.
Из-за большого размера статья разбита на три части. Вторая часть. Третья часть.
Демо материалы лежат здесь. Все префиксы проставлены в демо, здесь же я не буду на них акцентировать.
Предупреждение: эффекты работают только в современных браузерах, поддерживающих возможности CSS3.
Подготовка к работе.
Для создания эффектов понадобится такая дефолтная html-структура. Вместо .eff в коде каждого конкретного эффекта будет использоваться класс .eff-n, где n — номер эффекта:
<div class="eff">
<img src="img/ef1.jpg" alt="Effect #1" />
<div class="caption">
<h4>Title is Here</h4>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut.
</p>
<a class="btn" href="#" title="View More">View More</a>
</div>
</div>
Читать дальше →
Тэги: animation, css, css3, effects, hover, hover-эффект, html, html-верстка, transform, transition, веб-дизайн, веб-разработка, туториал, эффект
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12
Главная / Главные темы / Тэг «transform»
|
Взлеты Топ 5
Падения Топ 5
|
