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

16.03.2018

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

Трехмерный городок

Кликом и удерживанием курсора можно «крутить» пейзаж.
Эффектнее смотрится в полностраничном режиме.
Технологии: canvas, JS.
Автор: Дэйв ДеСандро (@desandro)

Трехмерный городок Посмотреть живой пример

Перетасовка карт на Vue

Кнопкой Shuffle колода перетасовывается. Кнопками Slow — Medium — Fast можно управлять скоростью.
Технологии: CSS, Vue.js.
Автор: Hassan Dj (@itslit)

Перетасовка карт на Vue Посмотреть живой пример

Анимация страницы отписки от рассылки

Генератор домиков

Изменение размера шрифта через CSS-переменные

Перекати-поле на странице пустого результата поиска

SVG-маски теперь поддерживаются в React, демонстрация

Генератор паролей на Vue

«Раскладывающееся» модальное окно

Прогресс-бар вдоль периметра страницы

При прокрутке страницы желтая полоска идет по часовой стрелке, начиная с верхнего левого угла.
Технологии: CSS, jQuery.js.
Автор: Томас Ваэт (@thomasvaeth)

Прогресс-бар вдоль периметра страницы Посмотреть живой пример

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

P.S. Это тоже может быть интересно: