codepen.js
10.5K subscribers
79 photos
7 videos
4 files
118 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
Get Color Palette — генерация заднего фона на основе используемых цветов. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
FLIP List items - Flip Plugin — элементы списка FLIP. Реализована с помощью CSS и JavaScript

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

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

#анимация #css #javascript
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
Moving triangles — прелоадер. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Animated Login Form — форма входа. Реализована с помощью 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
CSS ::before Hover Effects — эффекты при наведении. Реализована с помощью CSS и JavaScript

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

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

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

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

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

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

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

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

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

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