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

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

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

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

Кликом и удерживанием курсора можно «крутить» пейзаж.
Эффектнее смотрится в полностраничном режиме.
Технологии: 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. Это тоже может быть интересно: