codepen.js
@codepen_js
10.5K subscribers
78 photos
7 videos
4 files
117 links
Сборник крутых и полезных фич для вашего сайта: готовый код на css и javascript, который можно вставить в проект. Подходит веб-разработчикам и дизайнерам.

Сотрудничество: @noname_media

Канал на бирже:
https://telega.in/c/codepen_js

№ 4799182616
Download Telegram
About
Blog
Apps
Platform
Join
codepen.js
10.5K subscribers
codepen.js
This media is not supported in your browser
VIEW IN TELEGRAM
3d slider — 3D слайдер для фото Реализована с помощью CSS и JavaScript

#анимация #css #javascript
1.2K views
Посмотреть исходники
codepen.js
This media is not supported in your browser
VIEW IN TELEGRAM
AI Animated Button — анимированная кнопка с эффектом. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
1.3K views
Посмотреть исходники
codepen.js
This media is not supported in your browser
VIEW IN TELEGRAM
Simple Fireworks — фейерверки для сайта. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
1.2K views
Посмотреть исходники
codepen.js
This media is not supported in your browser
VIEW IN TELEGRAM
Frying Pan Preloader — прелоадер. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
1.2K views
Посмотреть исходники
codepen.js
This media is not supported in your browser
VIEW IN TELEGRAM
Stack Slider with Animation — оригинальный анимированный слайдер. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
1.2K views
Посмотреть исходники
codepen.js
This media is not supported in your browser
VIEW IN TELEGRAM
Infinite Scrolling — слайдер карточек. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
1.2K views
Посмотреть исходники
codepen.js
This media is not supported in your browser
VIEW IN TELEGRAM
Decryption Effect with Pseudo Elements — эффект расшифровки с псевдоэлементами. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
1.2K views
Посмотреть исходники
codepen.js
This media is not supported in your browser
VIEW IN TELEGRAM
Detailed Theme Switch — красивый переключатель темы. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
1.2K views
Посмотреть исходники
codepen.js
This media is not supported in your browser
VIEW IN TELEGRAM
Morphing Button — кнопка с анимацией. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
1.2K views
Посмотреть исходники
codepen.js
This media is not supported in your browser
VIEW IN TELEGRAM
Preloader animation — загрузка. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
1.1K views
Посмотреть исходники
codepen.js
This media is not supported in your browser
VIEW IN TELEGRAM
Bouncy image radio group — карточка изображений с анимацией и расширением при нажатии. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
1.1K views
Посмотреть исходники
codepen.js
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Всем программистам посвящается!

Вот 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

📌 Гайды, шпаргалки, задачи, ресурсы и фишки для каждого языка программирования!
Please open Telegram to view this post
VIEW IN TELEGRAM
1.2K views
codepen.js
This media is not supported in your browser
VIEW IN TELEGRAM
Dots & Ring Loader — загрузчик. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
1.2K views
Посмотреть исходники
codepen.js
This media is not supported in your browser
VIEW IN TELEGRAM
Icon hover — иконки соцсетей окрашиваются при наведении на них. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
1.2K views
Посмотреть исходники
codepen.js
This media is not supported in your browser
VIEW IN TELEGRAM
preloader — ожидание загрузки в виде прыгающих частиц. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
1.2K views
Посмотреть исходники
codepen.js
This media is not supported in your browser
VIEW IN TELEGRAM
Loading Animation — ожидание загрузки в виде ассиметричного движения линий по окружности. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
1.1K views
Посмотреть исходники
codepen.js
This media is not supported in your browser
VIEW IN TELEGRAM
Converting a checkbox when running tasks — преобразование флажка при выполнении задач по аналогии с заметками. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
1.1K views
Посмотреть исходники
codepen.js
This media is not supported in your browser
VIEW IN TELEGRAM
Book Preloader — ожидание загрузки в виде перелистывания страниц книги. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
1.1K views
Посмотреть исходники
codepen.js
This media is not supported in your browser
VIEW IN TELEGRAM
Background Animation — круговорот звёздного неба в качестве фона для вашего сайта. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
1.1K views
Посмотреть исходники
codepen.js
This media is not supported in your browser
VIEW IN TELEGRAM
Animated Rainbow Toggle Button — яркий переключатель. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
1.1K views
Посмотреть исходники