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

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

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

№ 4799182616
Download Telegram
About
Blog
Apps
Platform
Join
codepen.js
10.3K subscribers
codepen.js
This media is not supported in your browser
VIEW IN TELEGRAM
Pill — анимация пилюли. Реализована с помощью CSS и JavaScript

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#анимация #css #javascript
1.24K 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.46K views
codepen.js
This media is not supported in your browser
VIEW IN TELEGRAM
Dots & Ring Loader — загрузчик. Реализована с помощью CSS и JavaScript

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