How to create this animation using CSS

I wanted to know how to create this animation using CSS only. Is it possible?
5 Replies
Captain Chewie
Captain Chewie9mo ago
Just an idea but you could probably create a box with another box in it.
<div class="viewbox">
<div class="bar">
</div>
</div>
<div class="viewbox">
<div class="bar">
</div>
</div>
then you could adjust the gradient and properties of the box, create a keyframe which scrolls it from one side to the other and have it on a delay
Jochem
Jochem9mo ago
You can do it with background-position and a linear gradient: https://codepen.io/jochemm/pen/JjzVgjK
Captain Chewie
Captain Chewie9mo ago
This has been fun
Adarsh
Adarsh9mo ago
Thanks for spending your time to help me @Captain Chewie @Jochem
Want results from more Discord servers?
Add your server