M
ребят, как понять почему не скорлятся дивы в боксе?
Size: a a a
2020 April 01
M
уже час сижу
FL
Я так понимаю у родителя фиксированная высота
overflow указаны?
overflow указаны?
M
.scroll-box {
position: relative;
height: 100%;
overflow: hidden;
overflow-y: scroll !important;
scroll-behavior: smooth;
}Да, вот родитель в котором все элементы
К
Дальше в доках post-css плагина
overrideBrowserslist (array): list of queries for target browsers. Try to not use it. The best practice is to use .browserslistrc config or browserslist key in package.json to share target browsers with Babel, ESLint and Stylelint. See Browserslist docs for available queries and default value.
overrideBrowserslist (array): list of queries for target browsers. Try to not use it. The best practice is to use .browserslistrc config or browserslist key in package.json to share target browsers with Babel, ESLint and Stylelint. See Browserslist docs for available queries and default value.
Ага, нашел
p
persona x grata
с помощью какой либы делается анимация по скроллу?
Сделаю цифры шрифтом а полосы псевдоэлементами?
Или как лучше? в SVG бомбить?
Сделаю цифры шрифтом а полосы псевдоэлементами?
Или как лучше? в SVG бомбить?
нашел подобное на GSAP. А есть такие бесплатные библы?
https://greensock.com/forums/topic/18914-change-svg-logo-color-on-scroll/
https://greensock.com/forums/topic/18914-change-svg-logo-color-on-scroll/
p
Заливка SVG на скролле
p
читал про mix-blend-mode. но по caniuse вроде поддержка хилая
M
я допер всем спасибо
p
Или как-то так.
p
Конкретно как здесь надо сделать? В середине страницы линия заполняется по скроллу. Какая это библа?
http://andrikanich.guru/freelance/2019/iliotek/home.html
http://andrikanich.guru/freelance/2019/iliotek/home.html
TG
проблема с перспективой и transform.
я ставлю perspective: 500px; и таким образом устанавливаю глубину моей 3д проекции что бы сделать parallax эффект из множества слоев.
дальше я двигаю объект по Z координате:
Z = 0 // объект имеет свой стандартный размер
Z = 250 // объект увеличен в 2 раза
Z = 500 // объект вообще не видно, видимо он на границе с камерой и теперь судя по всему его размер увеличен в 4 раза
когда я изменяю Z координату, объект увеличивается и мне надо вернуть его обычный размер через scale и я поступаю так scale = 1 - (Z / 500)
где Z это translateZ а 500 это perspective
а вот с позиционированием все совершенно не понятно...
я ставлю perspective: 500px; и таким образом устанавливаю глубину моей 3д проекции что бы сделать parallax эффект из множества слоев.
дальше я двигаю объект по Z координате:
Z = 0 // объект имеет свой стандартный размер
Z = 250 // объект увеличен в 2 раза
Z = 500 // объект вообще не видно, видимо он на границе с камерой и теперь судя по всему его размер увеличен в 4 раза
когда я изменяю Z координату, объект увеличивается и мне надо вернуть его обычный размер через scale и я поступаю так scale = 1 - (Z / 500)
где Z это translateZ а 500 это perspective
а вот с позиционированием все совершенно не понятно...
ВП
Всем привет =) У меня Эмодзи сползают на иконку в списке, при просмотре с телефона. Уже мозг сломал, не знаю что делать.
ВП
С компа все нормально. И при просмотре в консоли тоже.
ВП
Но если через браузер в телефоне посмотреть, то проблема всплывает 😄
SB
define телефон