видео slick-slider)
в гугле ничего не нашёл
https://stackoverflow.com/questions/41464633/how-to-create-slick-slider-with-progress-bar-like-this-http-www-apple-com
объясняю как сделал структура у тебя вот такая ._src_styles_module__page ._src_styles_module__card ._src_styles_module__box Надо чуток переделать на такой вариант ._src_styles_module__page ._src_styles_module__card ._src_styles_module__card ._src_styles_module__box В первом ._src_styles_module__card убрать ._src_styles_module__box Во втором ._src_styles_module__card убрать фоны все и оставить ._src_styles_module__box translateZ(10px) Второй ._src_styles_module__card я сделал абсолютом и поставил точно над первым блоком! По событию мышки второй блок поворачиванется точно так же как и первый но у него ещё добавляется translateZ(50px). Т.е. у второго ._src_styles_module__card должно быть вот так transform: rotateY(0deg) rotateX(67deg) translateZ(50px);
ты на своём слайдере такое делал?
каком слайдере? ты точно мне пишешь?
Интересная была задачка http://skrinshoter.ru/v/100521/VpGmowVg?a Вот готовый результат
Почему так круто)
https://t.me/css_ru/416760
А вот, нашёл. Спасибо смотрю!
https://codesandbox.io/s/affectionate-worker-721mn?file=/src/App.js а вот готовое
Кстати, не тому ответил тогда, поэтому тебе и написали
ну я так и понял по контексту)
спасибо за помощь. оказалось что проблема была немного в другом. А именно в filter: brightness который на 35 строке 🤣 если фильтр есть то translateZ не работает :) а если убрать то начинает работать 😬 https://codesandbox.io/s/determined-wind-1355l?file=/src/App.js
Обалдеть, как фильтры так повлияли на позиционирование...
Вот оказывается почему не получилось у меня циферкам translateZ сделать)) Спасибо за инфу, буду знать!)
Обсуждают сегодня