Берлога программиста | Веб и не только

Наведение на кнопки с зеркальным отражением даёт красивую неоновую подсветку Реализовано с помощью HTML и CSS 🔗 Код: Codepen 👉 @trends_frontend | #эффект

UI Profile Card Эффект для карточки с контактами человека при наведении курсора мыши. Реализовано с помощью SCSS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

👩‍💻 В сеть вывалилась гигантская куча курсов и книг Держи сотни гигабайт свежих уроков, и каждую неделю мы подкидываем ещё! • 1612 ГБ — DevOps • 1402 ГБ — Python • 1300 ГБ — C, C++ • 1815 ГБ — Frontend • 1515 ГБ — Backend • 898 ГБ — ИБ, Хакинг • 996 ГБ — Kotlin, Swift • 212 ГБ — JavaScript • 315 ГБ — Flutter • 820 ГБ — Go, PHP • 419 ГБ — Java, Rust • 648 ГБ — GameDev • 517 ГБ — Windows, Linux • 998 ГБ — Дизайн (UX/UI) • 617 ГБ — Нейросети (ML/RL) • 546 ГБ — БД (SQL & NoSQL) • 687 ГБ — Аналитика данных • 115 ГБ — QA-тестирование Подписывайся и не плати за то, что можно получить бесплатно

Buttons css hover effect 5 вариантов hover-эффекта для кнопок или ссылок. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

CSS loaders and timing functions Интересные примеры анимации загрузки. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация #загрузка

CSS only slide out search bar Разворачивание поисковой панели при наведении на иконку поиска. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация

👩‍💻 IT теперь в Telegram! Программисты и TechLead'ы из FAANG создали этот канал для обучения их стажёров и джунов, чтобы подготовить их к работе в топовых компаниях. Курсы, новости, гайды, советы, мемы, книги — всё, что входит в дневной рацион разработчика. Забирай доступ: @it_matrix

Shopping Cart Preloader Ожидание загрузки в виде корзины покупок. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация

Signature animation Генерация подписи на основании введенного текста. Реализовано с помощью CSS и JS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

4 способа анимировать кнопку при наведении на нее. Реализовано с помощью HTML и CSS, JS 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Startaê's background animation using particles.js Плавное движение частиц на тёмном фоне. Реализовано с помощью JS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Responsive card Адаптивная карта. Реализовано с помощью CSS и JS 🔗 Код: Codepen 👉 @trends_frontend | #анимация

Глючная навигация по портфолио с помощью GSAP от Джош Диллон 🔗 Код: Codepen 👉 @trends_frontend | #анимация

Glide To Reveal with CSS Наведение для раскрытия. Реализовано с помощью CSS 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Карточки будто бы делают шаг вперёд при наведении на них. Реализовано с помощью HTML и CSS 🔗 Код: Codepen 👉 @trends_frontend | #эффект

<!-- Social Icons Start !--> Реализовано с помощью HTML и CSS и JS 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Card: On hover blur effect Эффект наведения на карточки с затемнением остальных. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Cards & Popup video modal Плавно выезжающий блок с подробностями при наведении на карточку. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация #блок

beautiful button animation Двухэтапное выделение кнопки при наведении курсора мыши. Реализовано с помощью SCSS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация #текст

Input Animation Минималистичная анимация для инпута, созданная с помощью CSS 🔗 Код: Codepen 👉 @trends_frontend | #анимация