Подборка CSS-анимаций по ховеру с CodePen

Интересный и отзывчивый интерфейс на сайте всегда вызывает интерес у пользователей. На кнопки хочется тыкать, а слайдеры листать. Собрали подборку анимаций, которые могут помогут украсить интерфейс. Сохраняйте и пользуйтесь.

Раздувающийся смайлик — https://tml.io/n926f
автор: @kuldeepjambhulkar_

Раскрывающиеся карточки — https://tml.io/6p9od
автор: @ellys974

Интерактивная подпись — https://tml.io/1iwih
автор: @ianfarb

Анимация со стрелкой — https://tml.io/rtf74
автор: @rafaelavlucas

Разноцветные кнопки — https://tml.io/fo6eb
автор: @Almax

Анимация фона — https://tml.io/qwpws
автор: @jakegilsphillips_

Движущиеся горы — https://tml.io/0n4hp
автор: @webcrafterscz_

А если хотите научиться делать также, то сейчас пакет курсов «Креативный» и все входящие в него курсы «Дизайн для фронтендеров», «CSS-анимации» и «Дизайн системы» со скидкой 30%.

Распродажа продлится до 4 декабря. Успейте обучиться выгодно – https://tml.io/gose5

Виды паттернов проектирования

Многие проблемы, с которыми разработчик сталкивается при разработке, уже кто-то решил. Поэтому не нужно придумывать новые решения или создавать костыли — лучше использовать в проекте готовые паттерны. Подробнее про основные виды паттернов рассказали в карточках.

Научиться использовать паттерны со скидкой 30% — https://tml.io/pfntb