Полезная вЁрстка
8.04K subscribers
44 photos
13 videos
16 files
35 links
Канал про вёрстку. Готовые решения повседневных задач с которыми сталкиваются верстальщики и фронтендеры.

Пригласить друга: @code_advantage

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

Канал на бирже: telega.in/channels/+nSuZ30BALUg1Zjdi/card?r=Wj7h1mbl

№ 4953335238
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
3D carousel — 3D-слайдер, реализованный с помощью CSS и JavaScript. При прокрутке колеса мыши меняется радиус слайдера.

#css #javascript
👍15🔥7👎1
This media is not supported in your browser
VIEW IN TELEGRAM
Simple CSS Waves | Mobile & Full width — анимация волн, реализованная на чистом CSS.

#css
👍19🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
Animated Marker | Framer Motion — маркер на React, анимация реализована с помощью Framer Motion.

#react
👍5🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Candy Color Button Animation — коллекция кнопок в стиле неоморфизма. Кнопки имеют эффектные анимации при наведении, реализованные на чистом CSS.

#css
🔥13👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Airplanes — анимация полёта самолета при прокрутке страницы, реализованная с помощью GSAP и ScrollTrigger.

#gsap
👍31🔥9
This media is not supported in your browser
VIEW IN TELEGRAM
Solid — текст расщепляется при наведении на него. Анимация реализована с помощью GSAP.

#gsap
👍12🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
GSAP ScrollTrigger — анимация движения текста и изображений при скролле страницы, реализованная с помощью GSAP и ScrollTrigger.

#gsap #scrolltrigger
🔥12👍8
This media is not supported in your browser
VIEW IN TELEGRAM
Custom Cursor — кастомный курсор, реализованный с помощью Anime.js.

#animejs
👍8🔥3👎1
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Goey footer — футер с анимацией стекающих капель на чистом CSS.

#css
👍17🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
React Slider w/ Hover Effect — слайдер, созданный с помощью React, с оригинальным эффектом при наведении.

#css #javascript #react
👍8🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Tabbar — панель вкладок с "жидкими иконками", анимация реализована с помощью GSAP и MorphSVGPlugin.

#GSAP
👍9🔥7
This media is not supported in your browser
VIEW IN TELEGRAM
Liquid UI Elements — жидкие кнопки, радио-кнопки, переключатели и чекбоксы. Анимация реализована с помощью GSAP.

#gsap
👍8🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Typing Effect — эффект набора текста на чистом CSS.

#css
🔥25👍81
This media is not supported in your browser
VIEW IN TELEGRAM
CSS mouse-out transition effect — фоновый переход при наведении курсора на текст на чистом CSS.

#css
👍8🔥5👎2
This media is not supported in your browser
VIEW IN TELEGRAM
Parallax scroll animation — анимация смены времени суток при прокрутке страницы, реализованная с помощью GSAP и ScrollTrigger.

#GSAP #ScrollTrigger
👍22🔥102
This media is not supported in your browser
VIEW IN TELEGRAM
About Us Pop-Out Effect — простой эффект всплывающего изображения на чистом CSS.

#css
🔥15👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Infinite draggable webgl slider — бесконечный слайдер, реализован с помощью GSAP и Tree.js.

#gsap #threejs
👍10🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
Trash button animation — анимация кнопки удаления, созданная с помощью CSS и JavaScript.

#css #javascript
👍10🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Toggles — переключатели с уникальным дизайном и анимацией на чистом CSS.

#css
👍34🔥6👎1
This media is not supported in your browser
VIEW IN TELEGRAM
Login Form — оригинальная форма входа с плавающим заполнителем на чистом CSS.

#css
👍27🔥12