Создание 3D анимации глубины при скролле на чистом CSS
Разбор создания сайта с 3D-анимацией глубины при скролле на чистом CSS. Синхронизация прокрутки с карточками товаров без сторонних библиотек.
Технологии — страница 70
IT, гаджеты, разработка и искусственный интеллект
Каналы категории
Эксплойт@exploitex · 2 млн подписчиков
Бэкдор@whackdoor · 1,6 млн подписчиков
в IT и выйти@techmedia · 1,4 млн подписчиков
Не баг, а фича@bugfeature · 558,9 тыс. подписчиков
GitHub Community@github · 155,2 тыс. подписчиков
Social Engineering@Social_engineering · 124,9 тыс. подписчиков
Чёрный Треугольник@black_triangle_tg · 63,9 тыс. подписчиков
Метаверсище и ИИще@cgevent · 53,3 тыс. подписчиков
Open Source@open_source_friend · 52,5 тыс. подписчиков
Ссылки треугольные@open_q · 5,5 тыс. подписчиков
МММ@mmm_triangle · 5,2 тыс. подписчиков
WebDesign Master@jediweb · 1,3 тыс. подписчиков
Посты категории
Анимация сайта: GSAP, Lenis и параллакс
Обзор создания адаптивного сайта с анимацией аккордеона, градиентным фоном и параллаксом с использованием библиотек GSAP и Lenis.
Создание дизайна Dark Interior в Figma
Урок по созданию дизайна сайта Dark Interior в Figma: изучение сеток, Auto Layout и стилей на практическом примере.
Создание сайта с плавающими карточками и параллаксом
Разработка сайта с плавающими карточками: умный алгоритм размещения, параллакс-эффект и динамическая глубина с использованием CSS и JavaScript.
Создание сайта с анимацией прокрутки и темной темой
Урок по созданию сайтов с анимацией прокрутки, поддержкой темной темы и адаптивным дизайном. Практика современной веб-разработки и CSS-анимации для слайдеров.
Курс по JavaScript с нуля для начинающих разработчиков
Подробный курс по JavaScript с нуля. Изучите основы языка для создания современных веб-приложений и подготовки к работе с фреймворками.
Интерактивная галерея аккордеон на CSS и Flexbox
Обзор создания интерактивной галереи-аккордеона с поддержкой тем, адаптивным Flexbox и современными CSS-функциями для веб-разработки.
CSS практика: параллакс и переменные в одном уроке
Разбор создания сайта с параллакс-эффектом: CSS-переменные, JS-интеграция, темная тема и математика стилей.
Комплексный курс по веб-дизайну и нейросетям
Комплексный курс по веб-дизайну: история, инструменты Figma и Photoshop, а также использование нейросетей для создания современных проектов.
Анимация заголовка при скролле на CSS transition
Разбор создания сайта с анимацией заголовка при скролле. Ключевая технология — CSS transition для плавных переходов.
Эффекты скролла на GSAP: видеоурок
Разбираем создание сайта с эффектами скролла на базе GSAP. Смотрите полный видеоурок для реализации синхронной анимации элементов страницы.
3D анимация волны на HTML и CSS
Урок по созданию 3D анимации волны при наведении мыши на чистом HTML и CSS. Изучите стилизацию соседних элементов.
Создание сайта с красивым 3D эффектом
Разбираем создание сайта с красивым 3D эффектом. Узнайте, как реализовать эффект глубины на сайте посредством настройки 3D перспективы в CSS.
Анимация скролла на сайте с GSAP ScrollTrigger и ScrollSmoother
Обзор создания сайтов с крутой анимацией скролла с использованием GSAP ScrollTrigger и ScrollSmoother. Разбор инструментов и ссылки на обучающие видео.
Горизонтальный скролл и эффект параллакса в веб-дизайне
Разбираем создание сайта с горизонтальным скроллом и красивым эффектом параллакса, добавляющим глубину и объем веб-сцене.
Диагональный скролл и анимация инерции в портфолио
Разбор создания сайта-портфолио с диагональным скроллом. Изучаем синхронизацию слайдов на JS и CSS-анимацию инерции для плавной прокрутки.
Создание сайта с CSS Parallax эффектом
Обзор создания сайтов с CSS Parallax эффектом. Узнайте, как просто реализовать динамичный дизайн без сложного кода.
Анимация, Masonry и темная тема на чистом CSS
Разбор создания сайта с плавной анимацией, версткой Masonry на чистом CSS и интеграцией темной темы операционной системы.
Постов больше нет
