Каталог RSS-каналов
Статистика

RSS-каналов в каталоге: 3393

Добавлено сегодня: 0

Добавлено вчера: 0

Hi-Tech / Интернет

Еженедельная подборка красивых эффектов на CSS/SVG/JS #64

CSS-LIVE 01.12.2017 в 22:48

Жизнь во фронтенде

Еженедельная подборка красивых эффектов на CSS/SVG/JS #64

Подборка свежих эффектов, интересных идей и полезных наработок. Анимация «Дуэль»

Технологии: CSS, SVG, JS.

Автор: Энгер Бьюза (@enger)

Посмотреть живой пример

Неоновая вывеска

Технологии: CSS, CSS-трансформации, CSS-анимация.

Автор: Адам Кун (@cobra_winfrey)

Посмотреть живой пример

Анимация с авокадо

Нужно «схватить» курсором косточку и потянуть в сторону. Предупреждение: анимация сопровождается звуком!

Технологии: canvas, CSS, JS.

Автор: Себастьян ДеРосси (@derossi_s)

Посмотреть живой пример

Портрет из текстовой мозаики

Технологии: CSS-фильтры, mix-blend-mode.

Автор: Дадли Стори (@dudleystorey)

Посмотреть живой пример

Создание рисунка из частиц

«Нарисуйте» какие-нибудь линии «ручкой», удерживая курсор. После этого нажмите «Create Particles» для генерации частиц.

Технологии: canvas, WebGL, particles.js.

Автор: DPDK (@dpdknl)

Посмотреть живой пример

Забавная анимация с жирафом

Нужно «схватить» жирафа за область шеи и удерживать. Предупреждение: анимация сопровождается звуком!

Технологии: canvas, CSS, create.js.

Автор: Себастьян ДеРосси (@derossi_s)

Посмотреть живой пример

Мозаика Вороного

Технологии: WebGL, three.js, GLSL.js.

Автор: Лиам Эган (@shubniggurath)

Посмотреть живой пример

Текстовые часы

Технологии: CSS, CSS-анимация, JS.

Автор: Альваро Монторо (@alvaromontoro)

Посмотреть живой пример

Красивая анимация ползунка с выбором количества

Экспериментируйте, перемещая ползунок с разной скоростью.

Технологии: CSS, SVG, JS.

Автор: Gabi (@enxaneta)

Посмотреть живой пример

«Текучие» радио-кнопки

Выбирайте разные кнопки, чтобы увидеть анимацию.

Технологии: CSS, CSS-трансформации, CSS-анимация.

Автор: Микаэль Айналем (@ainalem)

Посмотреть живой пример

Выделение строки таблицы при наведении

Эффект с :not(:hover) использован для акцента на одну строку таблицы.

Технологии: CSS.

Автор: Бенджамин Реторе (@bnthor)

Посмотреть живой пример

Пожелания и идеи по содержанию следующих выпусков приветствуем в комментариях.

Другие записи ленты

Всё, что вам нужно знать о CSS-in-JS 25.11.2017 в 17:57

Еженедельная подборка красивых эффектов на CSS/SVG/JS #63 24.11.2017 в 12:54

«Запашки» CSS-кода 19.11.2017 в 11:44

Еженедельная подборка красивых эффектов на CSS/SVG/JS #62 17.11.2017 в 12:45