Skype

ali-partners-banner

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


Before and After на «чистом» CSS

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

Before-after-cssВ одном из своих прошлых постов я уже затрагивал тему, связанную с эффектом Before/After, но этот вариант был с применением jQuerry скрипта.

Сегодня рассмотрим аналог, но работающий исключительно на CSS, что, согласитесь, удобней и проще, нежели подключение дополнительных скриптов в блог…


И так, посмотрите сначала оба варианта для сравнения:

Before/After на jQuery

Before/After на CSS

Как видите, особых отличий нет в обеих случаях нет, за исключением того, что в первом варианте используется дополнительные изображения — стрелки и разделительный маркер, а также, jQuerry скрипт для отображения эффекта.

Во втором варианте, на CSS эффект достигается сразу же, при наведении мышки а картинку, без вспомогательных картинок и без скриптов — только CSS. Код довольно-таки простой и может быть использован для любого изображения jpg, png, gif…

Для вывода данного примера на страницу просто добавьте ссылки (путь) к изображениям, применив класс nowandthen:

Вот и все «премудрости», пользуйтесь!

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

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

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

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

Метки: CSSWEB мастеруКак сделать?
Обновление статьи: 09.05.2013
Просмотров:   1965
Короткая ссылка: http://tinyurl.com/bukqj2j

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


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


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

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


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

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

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

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

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

Пн Вт Ср Чт Пт Сб Вс
 123
45678910
11121314151617
18192021222324
25262728293031

MasterPRO в Twitter’e

I have 3 new followers from UK., and more last week. See tweepsmap.com/!unist… pic.twitter.com/aGar…

About 6 days ago from Master PRO's Twitter via Tweepsmap · reply · retweet · favorite

Информер праздников

Праздники ЛатвииПраздники России


Admin

Регистрация

The Best OnLine Radio

Рубрики

  • Страницы

    Архив


    Погода
    Погода в Юрмале

    влажность:

    давление:

    ветер:

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