ConeCake reacted to
Beyondspace in How do I make this rolling animation?
Add this into code block
<div class="marquee">
<div class="track">
<div class="content"><h3 style="color: #fff; text-decoration:none;"><a href="https://www.instagram.com/letstalkcodeshop" target="_blank">Follow on Instagram @letstalkcodeshop | Follow on Instagram @letstalkcodeshop | Follow on Instagram @letstalkcodeshop | Follow on Instagram @letstalkcodeshop | Follow on Instagram @letstalkcodeshop | Follow on Instagram @letstalkcodeshop | Follow on Instagram @letstalkcodeshop | Follow on Instagram @letstalkcodeshop | Follow on Instagram @letstalkcodeshop</a></h3></div>
</div>
</div>
<style>
.marquee {
position: relative;
width: 110vw;
max-width: 100%;
height: 25px;
padding-top: 20px;
padding-bottom:20px;
overflow-x: hidden;
background: #000;
}
.track {
position: absolute;
white-space: nowrap;
will-change: transform;
animation: marquee 32s linear infinite;
}
.marquee h3 a:hover {
color: #fff;
}
@keyframes marquee {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
</style>