Вопросы по теме 'css-mask'

CSS Вертикальная прокручивающаяся область с градиентной маской
Я пытаюсь создать рамку с вертикальной прокруткой на полном фоне за обрез. Прокручиваемый текст будет находиться в центре страницы и должен проходить за маской непрозрачности градиента вверху и внизу. Я могу применить маску градиента вверху или...
2026 просмотров

Любой способ реплицировать -webkit-mask-complex: destination-atop в Chrome и / или Firefox?
Моя цель - иметь возможность использовать альфа-маску PNG для создания неровных краев внизу разделов / строк / контейнеров на веб-сайте. Поскольку строки могут быть любой высоты, мне нужно применить тонкое изображение маски вдоль только одного края...
12 просмотров
schedule 16.09.2021

Как определить, когда -webkit-mask-box-image загрузился
Я программно генерирую изображение маски на веб-сервере, а затем применяю его к элементу HTML с помощью следующего кода: imageToMask.style["-webkit-mask-box-image"] = "url('" + featherURL +"') 100 stretch"; Как я могу узнать, когда...
488 просмотров
schedule 19.03.2022

CSS: проблемы совместимости браузера с использованием background-clip: text и linear-gradient
Я пытаюсь создать эффект выцветшего текста при прокрутке, где текст вверху и внизу элемента прозрачен, но текст в центре остается полностью непрозрачным. Также есть бесконечная прокрутка текста по фоновому видео. Поскольку объяснить эффект непросто,...
200 просмотров
schedule 29.05.2022

CSS показывает остальную часть элемента за пределами маски
У меня есть один элемент с неповторяющимся background-image в background-position: 4px 4px . Изображение представляет собой аватар, и справа от него находится один абзац с margin-left: 120px , чтобы текст не перетекал через background-image . Я...
533 просмотров
schedule 03.10.2022

CSS: как затухать текст сверху и снизу?
Мне нужно, чтобы абзац исчезал как сверху, так и снизу. Но я могу исчезнуть только с любой из сторон. HTML: <p className="bottom-overflow-fade"> {content} </p> CSS: .bottom-overflow-fade { mask-image:...
664 просмотров
schedule 04.07.2023