5 красивых, но бесполезных эффектов на JQuery / CSS3

Собрал небольшую подборку из очень эффектных, впечатляющих и красивых вариантах применения CSS3 в совокупности JavaScript-библиотеки JQuery и ей подобных, но бесполезных. «Почему бесполезных?», — да банально потому, что  такие примеры не кроссбраузерны. А пока вы будете их адаптировать под все основные интернет-обозреватели, вам начнет нравится flash анимация, и вы скорее всего возненавидите JQuery.

Что касается браузера. Для просмотра лучше всего использовать Google Chrome, — как самый быстрый на сегодняшний день. Или Firefox на крайний случай. Или иные программы на базе движка webkit.

1. Капельки воды по стеклу

JQuery капли воды

По стеклу вниз стекают капельки воды / дождя, очень реалистичные надо заметить (если не приглядываться внимательно, — они всегда круглые). На втором плане помещается размытая фотография какого-нибудь красивого ночного пейзажа, например город с огоньками.

Просмотреть Скачать

2. Эффекты появления текста на JQuery

Титры к фильму на JQuery

На статичном изображении не видно всей живописности плавной анимации, потому обязательно просмотрите эти спецэффекты, что называется «вживую». Сильно напоминают вступительные титры к какому-нибудь современному фильму. При просмотре вас не будет покидать ощущение, что вот вот начнется кино.

Просмотреть Скачать

3. Эффекты кубика и т.п. Перелистывания.

3D куб на JQuery

В демонстрации разработчиками предусмотрено несколько десятков вариантов потрясающей анимации: вращения кубов, сворачивание-разворачивание гармошкой, перелистывание и т.п. трюки.

Просмотреть Скачать

4. 3D фотогалерея на JQuery

3D галерея на JQuery

Традиционно такие фотогалереи собирают с использованием технологии Flash, потому что хлопот по-видимому так меньше, но у нас тут исключение из правил — анимированная трехмерная группа фотографий с замечательным эффектом сползания картинок по мере навигации по ним.

Скачать

5. Книжка с листалкой страниц на JQuery

3D книжки на JQuery

JQuery плагин для оформления цифровых книжек в форме традиционных бумажных, точнее он имитирует их. Странички перелистываются, почти, как настоящие, ну или, как на смартфоне, планшете, букридере и т.п.

Просмотреть Скачать

Напоследок, снова напомню, что не стоит просматривать эти примеры в Internet Explorer или Opera.

Опубликовано 11-10-2013 в 17:18


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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>











Свежие комментарии

  • krasnov8953: к записи Не работает как мне кажется строчка $newTvId = $ »
  • Dimanski: к записи ничего не понимаю. Ставлю ModX на хостинг r01.ru »
  • Дмитрий: к записи Спасибо! Очень выручили. С битриксом беда, а прав »
  • леонид: к записи как сделать что были в ряд? у меня получается по о »
  • Администратор: к записи Статический IP. »
  • Steel: к записи Администратор, вы данную проблему решили подключен »
  • Дмитрий: к записи Хотел узнать как прикрутить данное окно (http://re »

Последние твиты