Marquee Effect in HTML and CSS

[@acheck52]

Just what I was looking for! I changed the -100% to -10%, and I added animation-direction: alternate to make it go back and forth!

[@Mathematics_Discuss]

Very simple and straightforward. Thanks for your time

[@xavierkmuneku]

Kept it simple and straightforward thanks you've earned yourself a new subscriber.

[@RyanWebTech1]

Glad you liked the video. Thanks for the support, buddy.

[@fazalkhan4965]

exactly what i was looking for. thanks a bunch ❤️

[@kapileswarrath3589]

Thanks a lot. I was searching for this vdo. i saw many video but your video is satisfying.

[@RyanWebTech1]

Thanks bro. Glad you found the video helpful. 👍

[@mattdon6705]

how do you the extra gap after the scroll ends?

[@sheetalprasad5514]

I wanted to know, is this a reusable component?

[@inderpreetsingh8585]

loved it

[@yaudi_]

thanks for this👀

[@samantas.3906]

thank you for this video, it helped a lot! one question, is there a way to have text going in a direction to a certain point instead of it going across the whole screen?

[@RyanWebTech1]

Glad you found the video helpful. Try setting the translateX to less then -100%, probably -80% or -70%

[@HikikomoriDev]

I love Marquee. It's classic.

[@falctronicme3380]

how the code can detect smartphone there is one choice only, if there is any way to detect computer and smart phone learn us please

[@manpatel6984]

I really appreciate your video.I have a question. Can you please explain why you put "transform: translate(-100%, 0);".. WHY DID U GIVE TRANSLATEX(-100%)????? CAn u please explain that to me. Other than that the video was fab 👏

[@RyanWebTech1]

Hi buddy. Sorry for a late reply. Using translate(-100%, 0) was just a preference. As you have stated, translateX(-100%) will also give you the same result, which means it moves the text from right to left on the X-axis. Let me know if this solved ur query. 👍