CSS/JS/SVG с подвыподвертом

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

Подборка свежих эффектов, интересных идей и полезных наработок.

Слайдер на react

Технологии: CSS, react.js.
Автор: Николай Таланов (@suez)

Слайдер на react Посмотреть живой пример


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

Подборка свежих эффектов, интересных идей и полезных наработок.

Спираль из текста на CSS

Технологии: CSS трансформации и анимация.
Автор: Карпе Нумидиум (@carpenumidium)

Спираль из текста Посмотреть живой пример


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

Подборка свежих эффектов, интересных идей и полезных наработок.

Пейзаж с оленями и анимированным фоном

Технологии: CSS, JS.
Автор: Марио Дуарте (@MarioDesigns)

Пейзаж с оленями и анимированным фоном Посмотреть живой пример


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

Подборка свежих эффектов, интересных идей и полезных наработок.

Эффект отражения пейзажа в надписи

Анимация работает при наведении курсора
Технологии: CSS.
Автор: Алекс (@alexpopovich)

Этапы формирования заказа на CSS с анимацией Посмотреть живой пример


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

Подборка свежих эффектов, интересных идей и полезных наработок.

Анимация с мармеладкой

Удерживая курсор, можно перемещать мармеладку. (Для работы анимации требуется высота окна браузера не менее 500px.)
Технологии: canvas, JS: matter, p5
Автор: Мариуш Дабровски (@MarioD)

Анимация с мармеладкой Посмотреть живой пример


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

Подборка свежих эффектов, интересных идей и полезных наработок.

Слайдер с эффектом размытия при смене изображений

Технологии: CSS анимация, трансформации, SVG фильтры, JS
Автор: Дамиан Мути (@damianmuti)

Слайдер с эффектом размытия при смене изображений Посмотреть живой пример


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

Подборка свежих эффектов, интересных идей и полезных наработок.

Солнечная система 3D

Технологии: CSS, JS.
Автор: Джулиан Гарнье (@juliangarnier)

Солнечная система 3D Посмотреть живой пример


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


Подборка свежих эффектов, интересных идей и полезных наработок.

Куб

Вращающийся 3D-куб с цветными гранями, на CSS.
Автор: Юля Бухвалова (@yoksel)

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


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

Подборка свежих эффектов, интересных идей и полезных наработок.

Молекула

3D-сцена с вращающейся фигурой, в canvas.
Автор: tr13ze (@tr13ze)

МолекулаПосмотреть живой пример


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

Подборка свежих эффектов, интересных идей и полезных наработок.

Термостат

Анимированный термостат, на JS.
Автор: Вичио Бонура (@V17h3m)

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


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

Подборка свежих эффектов, интересных идей и полезных наработок.

Шахматная партия

Анимированная сцена с борьбой в шахматах Каспарова с Deep Blue, на JS.
Автор: Вичио Бонура (@V17h3m)

Шахматная партияПосмотреть живой пример


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


Подборка свежих эффектов, интересных идей и полезных наработок.

Трансформации

Трансформация картинок на JS.
Автор: Женя Задворных (@Zadvorsky)

ТрансформацииПосмотреть живой пример