ali-partners-banner

Как быстро заработать в Интернет и, якобы, (простите за прямоту) Вам ни хрена не придется делать - сегодня советчиков пруд-пруди. Но, как гласит народная мудрость: Дешевый сыр только в мышеловке...


DVD disc animations on CSS3. Заставьте DVD диск крутиться!

Пост №   29  от 2 мая 2013   |  Категория: Design, WEB мастеру, Новости  |  Комментариев нет Print

DVD-animations-on-CSS3В одной из прошлых публикаций, где речь шла о возможности анимации объекта на чистомм CSS, уже рассматривался подобный эффект. Сегодня рассмотрим еще один вариант анимации, так же, сделанный исключительно на CSS, без дополнительных jQuerry js и прочих скриптов.

Этот «фокус» будет заключаться в том, чтобы «заставить» крутиться DVD диск, выезжающий из коробки…


Подобный эффект я когда то наблюдал на одном из «загармоничных» сайтов. Но там он был реализован на jQuerry, а мы этот же эффект сделаем при помощи и исключительно на CSS. И так, поехали.

  • Во-первых: подготовим картинки с DVD коробкой, картинку самого DVD диска и закинем их в папку img, которая, в свою очередь, лежит в папке «DVD«.
  • Во-вторых: туда же (в папку DVD) поместим и CSS файл, который и будет «крутить» наш диск.
  • И последним шагом будет: вывод этого блока в то место страницы, где это необходимо:

Причем, для каждой коробки можно сделать свой диск, что отражается в ссылке на «img src», а можно (если лень…) и один DVD применить ко всем коробкам. Дело Ваше. Хотите «эксклюзивчика» — потрудитесь «наштамповать» дисков, нет — довольствуйтесь пустым! А теперь — смотрим, как работает данный эффект…

Извините, но этот контент доступен только для зарегистрированных. Войдите или Зарегистрируйтесь

Источник: http://inspectelement.com/

Удачи и… до новых встреч!

Понравился сайт или статья? Поделитесь с друзьями, кликнув по соответствующей кнопке!

e-Commerce Partners Network
1 звезда2 звезды3 звезды4 звезды5 звезд (Голосовало: 1 )
Загрузка...

Метки: CSSDesignКак сделать?
Обновление статьи: 03.05.2013
Просмотров:   1496
Короткая ссылка: http://tinyurl.com/cy55f27

Подишись на сообщения блога по E-mail и получай свежие новости в числе первых!


Наберитесь терпения - новые публикации в процессе осмысления...


На сегодня в блоге...

  • Подписчиков: 3270
  • Записей: 189
  • Страниц: 26
  • Рубрик: 15
  • Меток: 162
  • Комментариев: 33


Добавить комментарий

Комментарии к статьям разрешены только авторизованным пользователям.
Пожалуйста зарегистрируйтесь или войдите, используя свой логнн.

Посетители сайта

Блуждали по сайту сегодня: 82
Смотрят страницу: 1 ( 1 гость)
Из них ботов:

Календарь публикаций

Пн Вт Ср Чт Пт Сб Вс
 1234
567891011
12131415161718
19202122232425
2627282930  
Aliexpress INT

MasterPRO в Twitter’e

I just uploaded “Сауна в квартире -это реально!” to #Vimeo: vimeo.com/221782129

Last week from Master PRO's Twitter via Vimeo · reply · retweet · favorite

Календарь праздников


Admin

Регистрация

The Best OnLine Radio

Рубрики

  • Страницы

    Архив


    Prikolizmy.ru: Видео приколы - AeonBlackSun :: Любимое