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

Skewed One Page Scroll Крутая анимация страницы (при прокрутке работает как слайдер). Реализовано с помощью SCSS и JavaScript 🔗 Код: Codepen 👉 @trends_frontend | #анимация

Toast Тостер. Реализовано с помощью CSS и JS. 🔗 Код: Codepen 👉 @trends_frontend | #разное

The Gallery Крутая необычная галерея. Реализовано с помощью препроцессоров Pug и SCSS. 🔗 Код: Codepen 👉 @trends_frontend |#галерея

Card Flip Описание к изображению на обороте карточки при наведении на неё курсора мыши. Реализовано с помощью SCSS. 🔗 Код: Codepen 👉 @trends_frontend | #карточки

Hamburger Icons Animations Реализовано с помощью CSS и JS 🔗 Код: CodePen 👉 @trends_frontend | #бургер

Приложение для рисования Реализовано с помощью HTML & CSS и JS 🔗 Код: Codepen 👉 @trends_frontend | #приложение

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

Icon Social Menu Animation Иконки соцсетей, которые сменяют свой фон при наведении на них курсора мыши. Реализовано с помощью CSS 🔗 Код: Codepen 👉 @trends_frontend | #анимация

Animated Accessible Navigation Анимированная доступная навигация. Реализовано с помощью SCSS и JS 🔗 Код: Codepen 👉 @trends_frontend | #анимация #меню

Scroll Driven Portal Layout Макет портала с необычной реализацией анимации прокрутки. Реализовано с помощью CSS и JavaScript. 🔗 Код: Codepen 👉 @trends_frontend | #анимация

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

Disappear challenge Исчезающие буквы в текстовой анимации. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

CSS only particle system Плавное движение частиц на фоне вашего сайта. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Code Motel Logo Окрашивание логотипа в яркие цвета при наведении на него курсора мыши. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

🔥 Успех в IT = скорость + знания + окружение Здесь ты найдёшь всё это — коротко, по делу и без воды. Пока другие ищут, где “подглядеть решение”, ты будешь использовать самые передовые инструменты! 🖥 ИИ: t.me/ai_machinelearning_big_data 🖥 Python: t.me/pythonl 🖥 Linux: t.me/linuxacademiya 🖥 C++ t.me/cpluspluc 🖥 Docker: t.me/DevopsDocker 🖥 Хакинг: t.me/linuxkalii 🖥 Devops: t.me/DevOPSitsec 🖥 Data Science: t.me/data_analysis_ml 🖥 Javascript: t.me/javascriptv 🖥 C#: t.me/csharp_ci 🖥 Java: t.me/javatg 🖥 Базы данных: t.me/sqlhub 👣 GO: t.me/Golang_google 🖥 React: t.me/react_tg 👣 Rust: t.me/rust_code 🧠 Нейросети: t.me/vistehno 🖥 PHP: t.me/phpshka 🖥 Android: t.me/android_its 💼 Вакансии: t.me/addlist/_zyy_jQ_QUsyM2Vi

Neon Clock (CSS) Неоновые часы с эффектом перемещения. Реализовано с помощью SCSS и JavaScript. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

3D glass weather icons 3D-значки погоды из стекла. Реализовано с помощью SCSS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

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

Card Hover Eeffect Left to right line Анимированный эффект для карточек с появлением пояснительной информации. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

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