Marquee Effect in HTML and CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 พ.ย. 2024

ความคิดเห็น • 17

  • @acheck52
    @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!

  • @Mathematics_Discuss
    @Mathematics_Discuss 2 ปีที่แล้ว

    Very simple and straightforward. Thanks for your time

  • @xavierkmuneku
    @xavierkmuneku 3 ปีที่แล้ว

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

    • @RyanWebTech1
      @RyanWebTech1  2 ปีที่แล้ว

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

  • @fazalkhan4965
    @fazalkhan4965 2 ปีที่แล้ว

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

  • @kapileswarrath3589
    @kapileswarrath3589 3 ปีที่แล้ว

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

    • @RyanWebTech1
      @RyanWebTech1  3 ปีที่แล้ว

      Thanks bro. Glad you found the video helpful. 👍

  • @HikikomoriDev
    @HikikomoriDev 3 ปีที่แล้ว

    I love Marquee. It's classic.

  • @mattdon6705
    @mattdon6705 2 ปีที่แล้ว

    how do you the extra gap after the scroll ends?

  • @sheetalprasad5514
    @sheetalprasad5514 2 ปีที่แล้ว

    I wanted to know, is this a reusable component?

  • @samantas.3906
    @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
      @RyanWebTech1  3 ปีที่แล้ว +2

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

  • @inderpreetsingh8585
    @inderpreetsingh8585 ปีที่แล้ว

    loved it

  • @yaudi_
    @yaudi_ ปีที่แล้ว

    thanks for this👀

  • @falctronicme3380
    @falctronicme3380 2 ปีที่แล้ว

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