All Questions
Tagged with css-mask css-animations
6
questions
0
votes
1
answer
2k
views
Making a css animation using a transparent gradient mask
I am currently making an animation that will apply a gradient mask on an image. The mask is a transparent mask and it will transform from right to left of the image. Here is my code.
<!DOCTYPE html&...
0
votes
1
answer
189
views
5 Second Wait between webkit mask position animation using javascript
I'm working on a CSS shining effects on the icons so far I have created the effect using webkit mask below is my snippet
.hm-instagram:before{
color: #0ED8F6;
-webkit-mask-image: linear-gradient(-...
2
votes
2
answers
1k
views
Masking a div with an image and animating gradient background
I am currently designing a logo that has an animated gradient background.
Requirements:
The mask image must be either jpg or png
The element being masked should preferably be a <div>
The ...
2
votes
1
answer
3k
views
How do I apply a proper gradient alpha mask with CSS (over text)?
I'm creating a website on my own using html+css and jquery.
Recently started using SASS that comes with Autoprefixe just so I can get some formatting done more easily and be able to use sass libraries ...
13
votes
1
answer
21k
views
Is it possible to animate a CSS mask-image?
I'd like to animate the "mask-position" property of a CSS mask image. The mask-image itself is a simple gradient, and my intended behavior is that by changing the value of the mask position, ...
1
vote
1
answer
3k
views
CSS Vertical Scrolling Marquee with Gradient Mask
I am trying to create a vertically scrolling marquee over a full bleed background. The scrolling text will be contained at the center of the page, and must pass behind a gradient opacity mask at the ...