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

Play and pause animation Эффект появления магического шара при нажатии на кнопку Play. Реализовано с помощью CSS и JS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Ретро-футуристические радиокнопки с помощью GSAP v4 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Пиксельные переходы с использованием сгенерированных масок SVG 🔗 Код: Codepen 👉 @trends_frontend | #эффект

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

Айтишники не рассказывают где учатся бесплатно и эффективно Никому не говори об этом канале!!! В сфере онлайн образования появился новый гигант «TERMINAL» — который разрушит индустрию платных IT-курсов Бесплатный доступ:

🔄Практические курсы и задания 🔄Книги и статьи от профи 🔄Полезные инструменты и ресурсы 🔄IT-новости и инсайды

Обучение по всем направлениям: SQL, Python, Frontend, PHP, C++, Golang, GIT, Linux, Java, кибербезопасность и др. Если ценишь знания — подпишись: @Terminal_tg

Sliiiide: Desafiando la Interfaz con Animaciones CSS & JS 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Bubbles Background Animation 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Off-canvas Menu Animation Эффект открытия бокового меню с поочередным появлением пунктов. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация

⚡️ Запускаем крупный розыгрыш призов, где можно выиграть iPhone 17, игровые наушники, клавиатуру и мышь! Без лишних слов, условия: 1. Подписка на: — бизнестрендс — Технотренды — Блумберг 2. Нажать кнопку «Участвовать» снизу Итоги будут опубликованы 15 ноября в 18:00 на наших каналах, желаем удачи!

Snacks? I don't know Последовательная смена одной фразы в тексте. Реализовано с помощью SCSS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

link hover underline Простая анимация подчеркивания при наведении на ссылку. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Particles button Пузыри, разлетающиеся по разным сторонам, при нажатии на кнопку. Реализовано с помощью CSS и JS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Skeleton UI CSS practice Анимация для заглушек с информацией, которая ещё не загрузилась на странице. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Social Button Share Animation Эффект появления списка соц. сетей для кнопки "Поделиться". Реализовано с помощью CSS и JS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Parellelogram Link Hover Effect Реализовано с помощью HTML и SCSS 🔗 Код: Codepen 👉 @trends_frontend | #эффект

CSS Animations: Obvious CTA Buttons Анимация, которая позволит привлечь внимание пользователя к кнопке с действием. Реализовано с помощью CSS 🔗 Код: Codepen 👉 @trends_frontend | #эффект

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

Soft hover card Легкая тень, которая появляется при наведении на карточку. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Magic Card Светящаяся карточка с эффектом при наведении. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

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