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

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

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

№ 4799182616
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Background Slider | Swiper — красивый слайдер с анимированным текстом. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Gradient emulated with lights — в поисках "Бу". Реализована с помощью 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
Solar system — анимация описания планет солнечной системы. Реализована с помощью CSS и JavaScript

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

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

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

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

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

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

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

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

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

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

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

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

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

#анимация #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Running man + button — анимация бегущего человека с функцией отслеживания бега. Реализована с помощью CSS и JavaScript

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

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

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