20-08-2015 Анимированный SVG Hero Slider |
|
Эффектный широкоформатный слайдер с SVG анимацией. Слайды оригинально сменяют один другой, что не может не понравиться пользователю. Поддержка IE9+. |
|
Анимированный SVG Hero Slider
10-08-2015 Пример SVG быстрого добавления товара в корзину |
|
Интересный пример оформления быстрого добавления товара в корзину прямо из каталога. При клике, кнопка "добавить в корзину" анимируется, давая понять пользователю, что товар добавлен. Используется CSS, SVG и javascript. Поддержка IE9+. Неплохой элемент пользовательского интерфейса для интернет-магазина. |
|
Пример SVG быстрого добавления товара в корзину
03-08-2015 CSS против SVG: графические эффекты для текста |
|
Интересная статья с живыми примерами о том, на что способны графические фильтры CSS3 и SVG. В посте проведен анализ практического применения фильтров к тексту и сделаны сравнения того, что же является более удобным и эффектным. |
|
CSS против SVG: графические эффекты для текста
30-07-2015 Gooey balls loader - лоадер с "липким" эффектом |
|
"Липкий" лоадер с помощью SVG и CSS3. Красиво, качественно, без лишних скриптов и плагинов. Хорошо подойдет для современных сайтов со стильными дизайном. |
|
Gooey balls loader - лоадер с "липким" эффектом
25-07-2015 Создаем "волнистый" текст с помощью фильтров SVG |
|
В данной статье описывается, как создать искаженный эффект текста средствами CSS и SVG. Этот материал будет полезен для тех, кто хочет добавить на свой сайт капельку интерактива или просто удивить посетителей. Отличный небольшой мануал по SVG фильтрам. |
|
Создаем "волнистый" текст с помощью фильтров SVG
24-07-2015 Подборка качественных SVG-анимаций |
|
Что может быть лучше детально прорисованных анимационных элементов в WEB'е? Представляем вам небольшую коллекцию выполненных с любовью, живых SVG-элементов. |
|
Подборка качественных SVG-анимаций
20-07-2015 Paths - создание и редактирование SVG |
|
Редактор SVG-элементов прям в браузере. Он предназначен демонстрировать синтаксис и несложные примеры SVG. После редактирования вы сможете скачать .svg файл, в котором будет копия кода результата. Автор утверждает, что такой подход поможет быстрее усвоить SVG. |
|
Paths - создание и редактирование SVG
11-07-2015 Box/Button Hovers - эффекты при наведении |
|
Три неплохих варианта создания кнопок с приятным hover-эффектом. При наведении на кнопку линии начинают трансформироваться с помощью элементов SVG, создавая неординарность штатных кнопок. |
|