Еженедельная подборка красивых эффектов на CSS/SVG/JS #58
Подборка свежих эффектов, интересных идей и полезных наработок.
Имитация крема на CSS
Проводя курсором по середине квадрата, вы стираете «крем» и видите текст.
Технологии: CSS-трансформации, CSS-фильтры.
Автор: Юсуке Накая (@YusukeNakaya)
Знаменитая гитара «Les Paul Junior»
Анимация работает при загрузке страницы. Чтобы посмотреть повторно, обновите ее.
Технологии: CSS, SVG, JS.
Автор: Шон Дейви (@SeanDavey)
Эксперимент с CSS-трансформациями
Наведите курсором на блок с хронологией.
Технологии: CSS-трансформации, JS.
Автор: Скотт Хендерсон (@scootman)
Анимация с «кремовыми» звездочками на CSS
Наведя мышкой на звездочку, вы ее увеличите.
Технологии: HTML (pug), clip-path, CSS-трансформации, CSS-анимация.
Автор: Юсуке Накая (@YusukeNakaya)
Девочка и качели на CSS
Технологии: CSS-трансформации, CSS-анимация.
Автор: Динеш Баладжи (@sidthesloth92)
Анимация капли воды на CSS
Технологии: CSS-трансформации, CSS-анимация.
Автор: Юсуке Накая (@YusukeNakaya)
Рисунок с игрой «Монополия» на CSS-гридах
(может отображаться неправильно в браузерах Internet Explorer, Edge)
Технологии: CSS, CSS vars.
Автор: Джон Коппола (@johnnycopes)
Пожелания и идеи по содержанию следующих выпусков приветствуем в комментариях.
P.S. Это тоже может быть интересно: