Making a CSS Only Infinite Text Marquee

Поделиться
HTML-код
  • Опубликовано: 30 сен 2024

Комментарии • 20

  • @decs_up
    @decs_up 2 месяца назад +4

    I had been using a library to create a marquee effect, but for the first time, I truly understand how to build it myself. Thank you soooo much! 😅

  • @decs_up
    @decs_up 2 месяца назад +1

    Please, we need a video on recreating some of the crazy effects made with GSAP or Framer Motion, just like the stunning websites featured on awwwards 😊

    • @frontendfyi
      @frontendfyi  2 месяца назад

      Let me know if you have any specific requests 😁 Also gonna add more rebuild projects to the framer motion course too!

  • @sprioleau
    @sprioleau Месяц назад

    Thank you for using plain old CSS.

  • @khaldounal-nuaimi3594
    @khaldounal-nuaimi3594 2 месяца назад

    I'm sorry, but your video is simply misleading. This isn't CSS-only; it's CSS with a hack that manually duplicates the content, usually done in JS. Jhey posted something on Twitter a while ago about a CSS-only marquee without duplicate items. Somehow, either the entire RUclips community didn't figure out how to explain his method properly, or they just didn't bother looking for alternatives.
    I'm sorry for being harsh, but I genuinely enjoy your content, and this video is a worse version of what Kevin Powell posted about a year ago.

    • @frontendfyi
      @frontendfyi  2 месяца назад

      I agree that the duplicating isn’t ideal. I even highlight that in my video. However, as far as I’m aware there isn’t a way to do it without duplication if all items have a different width - like I also say in the video. Next week I’ll drop part 2, where there is no duplication in items, but all items DO then have the same width😁

    • @khaldounal-nuaimi3594
      @khaldounal-nuaimi3594 2 месяца назад

      @@frontendfyi I am sorry, I didnt hear the part where you say part 2 without duplication is coming.

    • @frontendfyi
      @frontendfyi  2 месяца назад

      @khaldounal-nuaimi3594 No worries! I think that video is more of what you expected from me 😁

  • @eduardosantos3516
    @eduardosantos3516 2 месяца назад

    what is your vs code theme?

    • @frontendfyi
      @frontendfyi  Месяц назад

      It's called Arc, from the Bearded Theme collection: github.com/BeardedBear/bearded-theme
      The font is called Recursive Mono Casual Static

  • @davidgibradze9692
    @davidgibradze9692 Месяц назад

    VS Code Theme??

    • @frontendfyi
      @frontendfyi  Месяц назад +1

      It's called Arc, from the Bearded Theme collection: github.com/BeardedBear/bearded-theme
      The font is called Recursive Mono Casual Static

    • @davidgibradze9692
      @davidgibradze9692 Месяц назад

      @@frontendfyi thanks

  • @decs_up
    @decs_up 2 месяца назад

    Woow nice , keep going ❤

    • @frontendfyi
      @frontendfyi  2 месяца назад

      Glad you enjoyed it! 😁

  • @kamill34
    @kamill34 2 месяца назад

    I've been waiting for this video! great as always

    • @frontendfyi
      @frontendfyi  2 месяца назад

      Thank you so much! Glad you liked it 😁

  • @dipanshusabharwal
    @dipanshusabharwal 2 месяца назад

    Nice