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

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

Канал на бирже:
https://telega.in/c/codepen_js
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Intelligent Mouse Trailer — анимированый плавный курсор. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
3D Custom Personalized QR Codes — анимация вращения QR-кода. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Paint Drop Hover — эффект подсветки области текста. Реализована с помощью CSS и JavaScript

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

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

#анимация #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Carousel — анимированный слайдер карточек. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Card Parallax Tilt — анимация карточек с товаром при наведении. Реализована с помощью CSS и JavaScript

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

#анимация #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Morphing Button — кнопка с анимацией. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
X-Ray — эффект при наведении на текст. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Interactive particles text — интерактивный текст. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Check Micro Animation — анимированный чекбокс. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Smooth infinite scrolling — плавная бесконечная прокрутка с эффектом гиперпространства. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
SVG Line-Draw/Fill-In — анимированный логотип. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
WebGL Blobby Button — желейная кнопка. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Star Wars Toggle Icon Animation — анимация бургер-кнопки с прерывистой линией в стиле Звездных войн. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Interactive UI Cards — слайдер. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Flash Message — карточки. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Pure CSS Peeling Sticky — анимация для ссылки в виде отрывного липкого стикера. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Loader Colorful HTML — диско-прелоадер. Реализована с помощью CSS и JavaScript

#анимация #css #javascript