|
26-09-2015 Water Bubble Chart - чарт на примере заполнения водой шара |
|
|
|
Небольшой плагин jQuery, который позволит создавать что-то вроде гистограммы, индикаторы которой определяются водой, а вектор - нарисованный шар. Управлять свойствами "заполнения" можно с помощью атрибутов: изменить цвет, значение, текст и т.д. |
Water Bubble Chart - чарт на примере заполнения водой шара
|
26-09-2015 GSAP Club 7 Gems |
|
|
|
Прикольная залипаловка, в которой нужно "гонять" кубик по всему экрану. При столкновении с границами экрана происходит смена бекграунд с характерным звуком. Не имею понятия, где это может пригодиться, только "for fun" :) |
GSAP Club 7 Gems
|
25-09-2015 Мини-игра на чистом CSS3 и HTML |
|
|
|
Пример всем известной игры Duck Hunter, который создан без единого скрипта. Секрет реализации прост: анимация CSS и активные checkbox'ы. Также стоит отметить решение вопроса о подсчете очков - используется свойство content:counter; |
Мини-игра на чистом CSS3 и HTML
|
25-09-2015 Креативный прогресс-бар на SVG |
|
|
|
Представляем вам оригинальную полосу загрузки на SVG и CSS3. Автор действительно постарался придать интерактивности своему примеру. При клике на определенную кнопку появляется прогресс-бар с индикатором отсчета в процентном соотношении. Управлять скоростью анимации можно через параметры. |
Креативный прогресс-бар на SVG
|
25-09-2015 Создаем анимацию для отображения полноэкранного видео |
|
|
|
Подробный манул от codrops о том, как создать красивую и плавную анимацию открытия бокса с видео-контентом. В реализации данного примера были задействованы средства Flexobx и возможности HTML5 видео. |
Создаем анимацию для отображения полноэкранного видео
|
24-09-2015 Модальное окно с помощью SVG |
|
|
|
Простое, и в тоже время необычное модальное окно с помощью элементов SVG. Данный тип веб-графики очень стремительно набирает обороты, а современные технологии помогают делать потрясающие вещи. Модальное окно с эффектом при появлении. Поддержка IE9+ |
Модальное окно с помощью SVG
|
23-09-2015 SVG Modal -всплывающее окно на с помощью SVG |
|
|
|
Эластичное модальное окно созданное с помощь. SVG, CSS3 и jQuery. При клике на кнопку получаем "гибкое" всплывающее окно, в которое можно поместить все что угодно, на ваше усмотрение. |
SVG Modal -всплывающее окно на с помощью SVG
|
22-09-2015 Использование поэтапной анимации CSS с помощью transition |
|
|
|
Данная статья будет полезна как новичкам, так и опытным разработчиков. В ней рассказывается, как правильно добиться поэтапной анимации с помощью мульти-классов CSS3 свойства transition. |
Использование поэтапной анимации CSS с помощью transition
