codepen.js

Sassy Search Bar — строка поиска с подсказками. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Clock — часы. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Stripped Diagonal Button Single Border — ч/б эффект наведения с заливкой кнопки. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Infinite Cover View v2 — слайдер, который бесконечно вращается по кругу. Реализована с помощью CSS и JavaScript #анимация #css #javascript

3d slider — 3D слайдер для фото Реализована с помощью CSS и JavaScript #анимация #css #javascript

3D Cover Flow — анимированные карточки с интересным эффектом движения. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Slack Splash — сцена с лого и анимированным фоном с реакцией на курсор. Реализована с помощью CSS и JavaScript #анимация #css #javascript

⚡️ Бесплатное обучение фронтенд-разработке с нуля HTML/CSS и JavaScirpt до Vue и React — с поддержкой от наставника Опыт в программировании не нужен. На канале Интенсивный JavaScript действующий тимлид и опытный разработчик помогает изучить фронтенд на практических задачах, которые интересно кодить С 9 декабря стартует бесплтаное обучение, где он на практике поможет разобраться в основах — HTML/CSS и JavaScript, а также попробовать два фреймворка — Vue и React Вот проекты, которые создадите: 💡 создадите фронтенд для сервиса доставки еды 💡 сверстаете сайт с объявлениями 💡 а затем перепишете его на React Обучение подойдёт, даже если у вас нет опыта в программировании — всё объясняют так, чтобы поняла даже ваша бабуля 🔖Ещё этот парень регулярно набирает новичков в свою команду и знает, как трудоустроиться джуну или стартовать на фрилансе без бирж Помимо работы с кодом он даст пошаговый план изучения всего, что необходимо знать и уметь, чтобы зарабатывать на фронтенде в 2026 году Поделится способами поиска клиентов с поомщью ИИ Расскажет, как взять свой первый заказ на фрилансе без фриланс-бирж с огромной конкуренцией Подписывайтесь, чтобы участвовать, осталось 56 мест Учиться самостоятельно можно бесконечно, если не знать, куда копать. На интенсиве сократите время на поиск информации и получите пошаговый план от разработчика, который нанимает новичков в команду 🟠Участвовать бесплатно

Checkbox CSS Toggle - Day / Night Mode — переключатель с анимацией смены дневного времени на ночное. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Земля, я Юпитер — в 1979 году "Вояджер-1" сделал 66 кадров. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Profile Card Animation — изображение преобразуется в информационную карточку при нажатии на значок. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Input Animation — анимация ввода имени пользователя. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Gravity button — интерактивные кнопки с эффектом притяжения Реализована с помощью CSS и JavaScript #анимация #css #javascript

Wall of text — плавно движущиеся строки с текстом в качестве фона для вашего сайта. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Space Journey — космос. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Gooey Preloader — ожидание загрузки в виде маленьких капель. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Cards — эффект разворота карточек и перехода от одной к другой. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Animated Rainbow Toggle Button — яркий переключатель. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Background Animation — круговорот звёздного неба в качестве фона для вашего сайта. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Book Preloader — ожидание загрузки в виде перелистывания страниц книги. Реализована с помощью CSS и JavaScript #анимация #css #javascript