codepen.js

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

Converting a checkbox when running tasks — преобразование флажка при выполнении задач по аналогии с заметками. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

Icon hover — иконки соцсетей окрашиваются при наведении на них. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Dots & Ring Loader — загрузчик. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

Detailed Theme Switch — красивый переключатель темы. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Decryption Effect with Pseudo Elements — эффект расшифровки с псевдоэлементами. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

Frying Pan Preloader — прелоадер. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

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

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

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

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

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

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

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

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

13.8 billion years ago — анимированная планета. Реализована с помощью CSS и JavaScript #анимация #css #javascript