codepen.js
11.4K 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
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
This media is not supported in your browser
VIEW IN TELEGRAM
Bookmark App - View Transition — меню. Реализована с помощью CSS и JavaScript

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

#анимация #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Responsive Scroll-Driven Text Reveals — текст заполняется при прокрутке страницы. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Ghost Cursor — "Буууу". Реализована с помощью CSS и JavaScript

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

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

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

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

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

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

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