Еженедельная подборка красивых эффектов на CSS/SVG/JS #63
Подборка свежих эффектов, интересных идей и полезных наработок.
Бегущая зебра
Анимация меняется по клику в любом ее месте.
Технологии: CSS, three.js.
Автор: DPDK (@dpdknl)
Портреты
Поворачивайте «холст», просто двигая курсор в разные стороны.
Технологии: canvas, CSS, WebGL.
Автор: Жерар Феррандес (@ge1doot)
Анимация «Винтовая линия (Helix)»
Рисунок анимации зависит от положения курсора.
Технологии: canvas, CSS, JS.
Автор: Райан Тави (@rthavi)
Красивая анимация с линиями
Кликом по любому месту вы начинаете новый цикл.
Технологии: canvas, CSS, JS.
Автор: Жерар Феррандес (@ge1doot)
Анимация с курицей
Технологии: CSS, CSS-трансформации, CSS-анимация.
Автор: Хосе Росарио (@JoseRosario)
SVG-анимация леттеринг-логотипа
Технологии: SVG, CSS, CSS-трансформации, CSS-анимация.
Автор: Granify (@Granify)
Список дел с CSS-анимацией
Технологии: CSS, CSS-анимация, JS (но в JS нет необходимости, как указал автор).
Автор: Shaw (@shshaw)
Пожелания и идеи по содержанию следующих выпусков приветствуем в комментариях.
P.S. Это тоже может быть интересно: