abbiericher Posted July 10 Share Posted July 10 Hi all! I created line animation on my client's website (all the horizontal lines) but I would like the animation to be triggered only on scroll... and I don't understand how to do that... https://cassia-construction.squarespace.com/ password: freelance Here's the code I use for the line animation: // -- Using a code block -- // <div class="vl-h"></div> // -- In the CSS panel -- // div .vl-h{ height:0px; width:1px; border-bottom:1px solid #000; -webkit-animation: increase 3s; -moz-animation: increase 3s; -o-animation: increase 3s; animation: increase 3s; animation-fill-mode: forwards; } @keyframes increase { 100% { width: 100%; } } Thanks for your help!!! Link to comment
tuanphan Posted July 13 Share Posted July 13 You mean this line under header? I see it already worked here Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment