L
Теперь можешь смело юзать :hover
Size: a a a
2020 February 03
A
Теперь можешь смело юзать :hover
А как указывать, над какой именно частью картинки показывать hover? Мне надо только над одним объектом
A
Теперь можешь смело юзать :hover
И да, огромное спасибо
L
А как указывать, над какой именно частью картинки показывать hover? Мне надо только над одним объектом
Обарачивать этот объект в div
A
Обарачивать этот объект в div
Так его нельзя выделить никак. У меня есть эта картинка, она просто вся целиком кладется в div через идентификатор. Вытащить любую ее часть не представляется возможным
L
Так его нельзя выделить никак. У меня есть эта картинка, она просто вся целиком кладется в div через идентификатор. Вытащить любую ее часть не представляется возможным
Если это svg то думаю возможно
L
Там тоже есть классы
A
Так его нельзя выделить никак. У меня есть эта картинка, она просто вся целиком кладется в div через идентификатор. Вытащить любую ее часть не представляется возможным
Это svg через json, такой особый тип анимации с помощью отдельной библиотеки.
L
Это svg через json, такой особый тип анимации с помощью отдельной библиотеки.
К svg можно как то достучаться?
L
Что это за библиотека
A
lottie.js. Никак вообще
r🧬
@determin1st, @rmshell, проверил — забыл сказать, что этот SVG формируется с помощью lottie.js из json-файла. Так что вытащить что-то нереально просто.
Вот так выглядит код работы с таким json-ом
var svg2 = document.getElementById('stage2');
animData2 = {
wrapper: svg2,
animType: 'svg',
loop: false,
prerender: false,
autoplay: false,
path: 'json/2.json'
}
var animItem2 = bodymovin.loadAnimation(animData2);
animItem2.addEventListener('DOMLoaded', onDOMLoaded2);
Вот так выглядит код работы с таким json-ом
var svg2 = document.getElementById('stage2');
animData2 = {
wrapper: svg2,
animType: 'svg',
loop: false,
prerender: false,
autoplay: false,
path: 'json/2.json'
}
var animItem2 = bodymovin.loadAnimation(animData2);
animItem2.addEventListener('DOMLoaded', onDOMLoaded2);
Покажи как stage2 выглядит в html
A
Покажи как stage2 выглядит в html
<div id="text2" class="textblock">
После окончания Второй мировой войны образовались две сверхдержавы с конфликтующими идеологиями и огромными военными возможностями. Усиление противостояния привело в итоге к гонке вооружений.
</div>
</div>
<div class="right">
<div id="stage2" class="stage"></div>
</div>
После окончания Второй мировой войны образовались две сверхдержавы с конфликтующими идеологиями и огромными военными возможностями. Усиление противостояния привело в итоге к гонке вооружений.
</div>
</div>
<div class="right">
<div id="stage2" class="stage"></div>
</div>
r🧬
Это до рендера?
A
Покажи как stage2 выглядит в html
То, что слева - это текст, который скроллится, то, что справа - это див, в который кладется svg через json
A
Это до рендера?
Это часть html-файла, а весь рендер делает библиотека lottie.js, обрабатывая json
r🧬
Так ладно, с другой стороны пойдём
L
Это часть html-файла, а весь рендер делает библиотека lottie.js, обрабатывая json
Раздели svg и делай два рендера, один для один для hovera другой нет
A
Раздели svg и делай два рендера, один для один для hovera другой нет
Я не могу разделить. У меня есть json-файл as is, то есть вот он дан и все, я только могу начать его анимировать, по скроллу или весь целиком (с помощью GSAP)