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

Hamburger Menu Interaction Очередной способ анимировать кнопку для открытия мобильного меню. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Прокачать навыки вёрстки и фронтенда можно в телеграм! В этом канале опытный верстальщик делится структурированными уроками и различными материалами по HTML, CSS, JS, а также советами по заработку на фрилансе. Канал будет полезен: 1. начинающим и опытным верстальщикам 2. программистам 3. веб-дизайнерам Научиться и зарабатывать на верстке: @free_html_lessons

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

World Places (CSS 3d hover) 3D-эффект наведения курсора на карточки с изображением и кратким описанием. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

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

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

CSS only order process steps Реализовано с помощью HTML и SCSS 🔗 Код: Codepen 👉 @trends_frontend | #эффект

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

100DaysCss-59 Реализовано с помощью HTML и CSS 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Pure CSS Slider - autoplay, kenburns, prev/next, bullets - no js! Реализовано с помощью HTML и CSS 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Scroll with light Скролл текста с подсветкой. Реализовано с помощью CSS 🔗 Код: Codepen 👉 @trends_frontend | #анимация

Vertical menu Вертикальное меню с липким эффектом при наведении. Реализовано с помощью SCSS 🔗 Код: Codepen 👉 @trends_frontend | #меню

Преобразование формата файла изображения Реализовано c помощью JS 🔗 Код: Codepen 👉 @trends_frontend | #функционал

Menu on hover with descriptions on hover Реализовано с помощью HTML и CSS 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Circular Floating Menu Animation Появление опций для связи с человеком при нажатии на кнопку. Реализовано с помощью CSS и JS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

CodePen Home Lock/Unlock Checkbox (CSS Only) Реализовано с помощью HTML и CSS 🔗 Код: Codepen 👉 @trends_frontend | #эффект

CodePen Home Form Transition/Animation Реализовано с помощью HTML и CSS 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Жара в IT! Теперь популярные языки программирования можно легко выучить по гайдам в картинках Бесплатные инструменты, полезные ресурсы, а также советы и задачки. Выбирай нужное направление и учись не напрягаясь: 👩‍💻 Linux Ninja 🖥 CodHub | Курсы IT 📱 Python | Программирование 😷 Hacking | Кибербезопасность ⚙️ Webdev | Backend & Frontend 🖥 Программирование по мемам

Folding card animation Реализовано с помощью HTML и CSS 🔗 Код: Codepen 👉 @trends_frontend | #эффект

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