100 примеров Hover-анимации

Некоторые варианты, конечно, мало где применимы, но как основа для своих анимаций — очень даже.

Читать статью

#css #анимация

🇬🇧 Веселимся с web audio api

Мама не купила в детстве синтезатор? Сделай свой собственный!

Не знаю — будет ли когда-нибудь audio API пригодно для создания серьезных продуктов, но какие-то несложные творческие задумки реализовать можно.

Читать статью

#javascript #junior #webaudioapi #css

WebGradients

Хороший сервис с большим количеством качественных градиентов. Можно экспортировать как в png, так и сразу в css.

Перейти на сайт

#сервис #css #полезное

VW Жук на чистом CSS

Обожаю таких психов — иллюстрация Жука без единой картинки, все на чистом CSS.

Открыть codepen

#codepen #маньяки #css

Кастомные чекбоксы

Если каждый раз, когда вам нужен кастомный чекбокс, вы открываете Гугл, то попробуйте посмотреть видео Вадима Макеева.

Да и в целом я могу только порекомендовать подписаться на него. Он обладает очень важным умением закапываться в суть вещей и объяснять их простым языком.

👉 Смотреть видео

#css

Уот так уот

Как вам натюрморт на чистом CSS?

👉 Открыть codepen и заплакать

Хороших выходных! 🎉

#css #codepen #маньяки

Изменение цвета текста в зависимости от фона

Очень полезная статья для любого фронтендера. В свое время у меня на решение этой задачи ушло довольно много строчек JS-кода, конвертеров RGB > HSL и импровизации в работе с цветовыми схемами.

Сейчас можно сделать все только с помощью CSS.

👉 Читать статью

#css

Опять codepen и опять маньяки

На этот раз почти чистый css. Человек не удержался и добавил пару джипежек и гифку.

👉 Открыть codepen

#css #маньяки #codepen