Слайдер с 3D эффектом волны на чистом CSS. Реализация с помощью CSS трансформаций, работа с перспективой и z-осью в CSS. Слайдер без JavaScript. Раскрытие активного слайда по клику. Архив с кодом из урока в Telegram канале:
(пост за 05.06.24) :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" От установки редактора, до публикации в сети. 👉 Получить уроки, конспекты, макет и код из уроков:
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс по созданию и верстке сайтов:
Обучение с наставником, 3 месяца, результат, гарантия. Научим создавать веб-сайты и зарабатывать на этом. Старт обучения: 18 Ноября 2024 года. 💻 Курс "Frontend разработчик. JavaScript + React":
Обучение с наставником, 3 месяца, результат, гарантия. Старт обучения: 25 Ноября 2024 года. 💻 Курс "Разработка сайтов на PHP + MySQL":
Создание сайтов с системой управления. Присоединиться к курсу можно прямо сейчас. 🏁 Обучение с нуля 💁♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💈 Сайт школы ВебКадеми:
💈 Вступайте в группу Вконтакте:
https://vk.com/webcademy 💈 Подписывайтесь на Telegram:
ТАЙМ КОДЫ: 00:00 Демонстрация 00:30 Создание проекта 01:30 HTML разметка 03:25 CSS стили 08:57 Hover эффекты для изображений 14:05 Захват курсора слева и справа от слайда 17:05 Трансформация слайдов справа от активного 18:59 Трансформация слайдов слева от активного 20:34 Открытие слайда по клику
