Marquee Effect in HTML and CSS

Ryan Web Tech

Подписаться 1 тыс.

Просмотров 19 тыс.

50% 1

Видео Поделиться Скачать Добавить в

Опубликовано:

25 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 17

@Mathematics_Discuss 2 года назад

Very simple and straightforward. Thanks for your time

@acheck52 2 года назад

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!

@xavierkmuneku 2 года назад

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

@RyanWebTech1 2 года назад

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

@fazalkhan4965 2 года назад

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

@kapileswarrath3589 3 года назад

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

@RyanWebTech1 3 года назад

Thanks bro. Glad you found the video helpful. 👍

@mattdon6705 2 года назад

how do you the extra gap after the scroll ends?

@sheetalprasad5514 2 года назад

I wanted to know, is this a reusable component?

@yaudi_ Год назад

thanks for this👀

@samantas.3906 3 года назад

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 3 года назад

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

@HikikomoriDev 3 года назад

I love Marquee. It's classic.

@inderpreetsingh8585 Год назад

loved it

@manpatel6984 3 года назад

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 3 года назад

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. 👍