Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «animated»
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, веб-дизайн, веб-разработка, туториал, эффект
Fallout Shelter — Открываем Животных! (iOS) 2015-12-23 07:40:54
Fallout Shelter — симулятор постапокалиптического убежища Давайте поиграем? Понравилось видео? ...
+ развернуть текст сохранённая копия
Fallout Shelter — симулятор постапокалиптического убежища Давайте поиграем? Понравилось видео? Нажми — http://bit.ly/VAkWxL Паблик Вконтакте — http://bit.ly/18eiw8O Магазин TheBrainDit — http://brainshop.printdirect.ru Цитаты Олега Брейна — http://vk.com/cit_braindit Брейн тут — http://vk.com/braindit Не забывайте ставить лайки, друзья!
Тэги: animals, braindit, fallout, mobile, pet, shelter, thebraindit, браиндит, брейн, брейндит, брэйндит, дикий, животные, играх, игры, мобильные, незнакомец, обзор, обновления, олег, прохождение, скачать, тайный, угар
Аниме обзор — вельзевул / beelzebub / вельзепуз 2015-12-18 11:34:46
Порой довольно сложно воспринимать многосерийное аниме, особенно это касается школьных историй. ...
+ развернуть текст сохранённая копия
Порой довольно сложно воспринимать многосерийное аниме, особенно это касается школьных историй. Однако, в случае Bельзевула, доходя до заключительной серии, зритель однозначно требует продолжения банкета. Прежде всего скажем, что собой представляет сериал Bельзевул. Это невероятная смесь черного юмора, хулиганских разборок, нецензурной лексики, и, конечно же, стебов, которые подстерегают на каждом шагу. Как мы знаем, аниме давно […]
Тэги: anime, beelzebub, аниме, вельзевул, манги, новости
Животные за неделю) 2015-12-05 17:18:15
... : x-large"> Animal pictures of the ...
+ развернуть текст сохранённая копия
art ma-zaika | Animal pictures of the week: 4 December 2015 | На аукционе Burford House в Вустершире. Rex | Неделя пролетела и фотографы обрадовали замечательными снимками с животными) Предприимчивый муравей на спине улитки в саду в Sambas, Индонезия. Harfian Herdi A Rais/Solent News Кошка, родившаяся без задних лап учиться ходить на протезах в медицинском центре Университета Ллойд штата Айова. Mercury Press Сибирские козероги ищут пищу в природном заповеднике Томур Фэн в Аксу на северо-западе Синьцзян-Уйгурского автономного района Китая. Rex 11-недельные гончие "Рози" и "Тень" в Квинсленде, Австралия. Rex "Гончие по всей Австралии" - это прогулки по всей стране). Rex Цыпленок попугая восстанавливается после разрушения гнехда во время шторма в Мельбурне, Австралия. Mike Keating/Newspix/REX Макаки едят фрукты с тарелки в храме Пра Пранг Сэм Йот в Лопбури, к северу от Бангкока, Таиланд. REUTERS / Jorge Silva Лягушка сидит на ветке с бабочкой на голове. Tanto Yensen/Solent News В Лива, юго-запад от Абу-Даби. KARIM SAHIB/AFP/Getty Олени сцепились рогами в Ричмонд парке на юго-западе Лондона. Rupert Hartley Ленивцы мокко и латте на Коста-Рике. Lucy Cooke / Barcroft Media
Тэги: 2015, animal, december, pictures, week, животные, животных, неделю, растения, снимки, фото, фотографии, цыплята
Главная / Главные темы / Тэг «animated»
|
Взлеты Топ 5
Падения Топ 5
|