codepen.js

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

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

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

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

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

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

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

👩‍💻 Всем программистам посвящается! Вот 17 авторских обучающих IT каналов по самым востребованным областям программирования: Выбирай своё направление: 👩‍💻 Frontend — t.me/frontend_ready 📱 JavaScript — t.me/javascript_ready 👩‍💻 Backend — t.me/backend_ready 📱 GitHub — t.me/github_ready 👩‍💻 Python — t.me/python_ready 👩‍💻 Всё IT — t.me/it_ready 👩‍💻 Java — t.me/java_ready 🖥 Базы Данных & SQL — t.me/sql_ready 👩‍💻 C/C++ — https://t.me/cpp_ready 👩‍💻 C# & Unity — t.me/csharp_ready 🖼️ DevOps — t.me/devops_ready 🤔 Хакинг & ИБ — t.me/hacking_ready 👩‍💻 Linux — t.me/linux_ready 👩‍💻 Bash & Shell — t.me/bash_ready 👩‍💻 Нейросети — t.me/neuro_ready 📖 IT Книги — t.me/books_ready 🖥 Design — t.me/design_ready 📌 Гайды, шпаргалки, задачи, ресурсы и фишки для каждого языка программирования!

Bouncy image radio group — карточка изображений с анимацией и расширением при нажатии. Реализована с помощью CSS и JavaScript #анимация #css #javascript

👩‍💻 Всем программистам посвящается! Вот 17 авторских обучающих IT каналов по самым востребованным областям программирования: Выбирай своё направление: 👩‍💻 Frontend — t.me/frontend_ready 📱 JavaScript — t.me/javascript_ready 👩‍💻 Backend — t.me/backend_ready 📱 GitHub — t.me/github_ready 👩‍💻 Python — t.me/python_ready 👩‍💻 Всё IT — t.me/it_ready 👩‍💻 Java — t.me/java_ready 🖥 Базы Данных & SQL — t.me/sql_ready 👩‍💻 C/C++ — https://t.me/cpp_ready 👩‍💻 C# & Unity — t.me/csharp_ready 🖼️ DevOps — t.me/devops_ready 🤔 Хакинг & ИБ — t.me/hacking_ready 👩‍💻 Linux — t.me/linux_ready 👩‍💻 Bash & Shell — t.me/bash_ready 👩‍💻 Нейросети — t.me/neuro_ready 📖 IT Книги — t.me/books_ready 🖥 Design — t.me/design_ready 📌 Гайды, шпаргалки, задачи, ресурсы и фишки для каждого языка программирования!

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

Morphing Button — кнопка с анимацией. Реализована с помощью 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

Stack Slider with Animation — оригинальный анимированный слайдер. Реализована с помощью 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