codepen.js

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

Айтишники, это вам — в телеграм есть комьюнити по каждому направлению в IT Там есть буквально всё: чаты для общения, тонны материала(книги, курсы, ресурсы и гайды), свежие новости и конечно же мемы Выбирайте своё направление: 💩 Frontend 🐍 Python 🐧 Linux 👩‍💻 С/С++ 👩‍💻 C# 🤔 Хакинг & ИБ 📱 GitHub 🖥 SQL 👩‍💻 Сисадмин 🤟 DevOps ⚙️ Backend 🖥 Data Science 🧑‍💻 Java 🐞 Тестирование 🖥 PM / PdM 👩‍💻 GameDev 🧑‍💻 Golang 🤵‍♂️ IT-Митапы 🧑‍💻 PHP 💻 WebDev 🖥 Моб. Dev 🖥Анали.(SA&BA) 👩‍💻 Дизайн 🖥 Нейросети 💛 1C 🤓 Книги IT ➡️ Сохраняйте в закладки

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

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

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

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

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

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

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

Icon Hover Effect Using — иконки с оригинальным эффектом. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

City Illustration — адаптивная SVG-иллюстрация города с параллакс-эффектом. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Particles Springs — анимация расчистки шаров движениям мышки. Реализована с помощью CSS и JavaScript #анимация #css #javascript

3D Tilting Card Effect — карточка с информацией. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

⚡️ Бесплатное обучение фронтенд-разработке с нуля: HTML/CSS, JavaScript, Next.js — с поддержкой от наставника Подойдёт и новичкам, и тем, у кого есть опыт во фронтенде На канале Интенсивный JavaScript действующий тимлид и опытный разработчик помогает изучить фронтенд на практических задачах, которые интересно кодить С 8 ноября стартует новое бесплтаное обучение, где он на практике поможет разобраться во фронтенде: новичкамм в HTML/CSS и JavaScript, а тем, кто с опытом — Next.js Всего сделаете три проекта: 💡 сайт услуг сборки ПК 💡 фронтенд для магазина на Next.js 💡 и ещё один проект полностью самостоятельно в формате соревнования с другими участниками Обучение подойдёт, даже если у вас нет опыта в программировании — всё объясняют так, чтобы поняла даже ваша бабуля 🔖Ещё автор регулярно набирает людей в свою команду, проводит собесы и знает, почему прилетают отказы большинству джунов Что будет кроме уроков: Для новичков: пошаговый план изучения всего, что нужно современному фронтендеру с нуля какие проекты положить в портфолио Для тех, кто опытнее: какие проекты в портфолио повышают шансы на удачный собес тест знаний и навыков как искать заказы на фрилансе, когда биржи умерли Подписывайтесь, чтобы участвовать, осталось 39 мест Учиться самостоятельно можно бесконечно, если не знать, куда копать. На интенсиве сократите время на поиск информации и получите пошаговый план от разработчика, который нанимает новичков в команду ➡️Участвовать бесплатно

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

Text scroll and hover effect — текст с анимациями при пролистывании и наведении. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

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