codepen.js
11.3K subscribers
77 photos
6 videos
4 files
115 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
Leap Frog Likes — анимация загрузки. Реализована с помощью CSS и JavaScript

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

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

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

#анимация #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Day/Night Lighthouse Illustration — красивая анимация изображения. Реализована с помощью CSS и JavaScript

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

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

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

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

#анимация #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Responsive Parallax Drag-slider With Transparent Letters — слайдер Parallax. Реализована с помощью CSS и JavaScript

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

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

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

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

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

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

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

#анимация #css #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Canva's Magic Mouse Effect — анимированная пыльца. Реализована с помощью CSS и JavaScript

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

#анимация #css #javascript
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