Паттерн из треугольников с градиентом
Генерируемый на js паттерн из треугольников с градиентом
Слайдер с размытыми градиентными не активными слайдами
Для эффекта размытия в местах сопряжения слайдов используется SVG c фильтром размытия
Колебающиеся градиентные 3d трубки
Объёмные трубки с переливающимся градиентом с определенной амплитудой колыхаются в пространстве. По клику меняется градиент, а на движение курсора реагирует амплитуда трубок
Кристаллический параллакс
Реализованный на канвасе параллакс эффект из градиентных полос. При клике случайным образом градиент меняется.
Анимированный градиентный фон на SVG
Задний фон с анимированным градиентом в SVG
Градиентный текст
Вариант реализации CSS3 градиента на тексте. Нужный эффект достигается за счет такой подборки цвета заднего фона, что накладываемый на него градиент практически не виден, а текст приобретает градиент, за счет более светлого цвета используемого для самого текста.
Градиентные CSS3 кнопки
Очередной стильный вариант градиентных CSS3 кнопочек.
Кнопки с градиентом на CSS3
Очередная порция CSS3 кнопок с готовым набором градиентов разных цветов.
CSS генератор градиентов от ColorZilla
Полезный ресурс для генерирования CSS градиентов подобных тем, какие используются в Photoshop. Ссылка на ресурс: http://www.colorzilla.com/gradient-editor/
Градиентные CSS3 кнопки
В уроке речь пойдет о создании градиентных CSS3 кнопок, которые могут быть применены к любому html элементу, например: div, span, a, input, p, button и т.д.