Create a Super Simple yet Effective Marquee with Motion.page - WordPress 🔥

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ต.ค. 2024
  • What's up gang!
    This video shows you a simple tutorial on how to create simple marquee effects. We will be using the Page Load trigger, and also making use of the Repeat (loop) feature.
    It couldn't be any easier than this!
    ----------------------------------------------------
    00:06 - Intro
    01:05 - Prepare a Page for Bricks
    01:26 - Add necessary elements
    03:57 - Add logos as example social proof
    05:05 - Open Motion.page
    05:16 - Edit Timeline Settings
    07:56 - Add second row for reverse scroll
    10:49 - Touch up with Overlay Element
    12:43 - Next Week's Insight and Outro
    ----------------------------------------------------
    This tutorial made use of the Violet Design Kit from Core Framework: coreframework....
    Purchase Motion.page today - motion.page
    Core Framework - coreframework.com

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

  • @keviincosmos
    @keviincosmos หลายเดือนก่อน +1

    Awesome Luke 🙌🙏
    What if my client adds logo via a post type.
    Speed of marquee when 4 logos is uploaded compared to 20 logos. So no matter amounts of logos it will keep the same speed.
    Would it be possible to control the speed from an option page?

  •  หลายเดือนก่อน +2

    I recommend showing the final result at the beginning of the video. This is a good practice as it allows the audience to quickly decide if the content is relevant to their needs.

    • @DQ940
      @DQ940 27 วันที่ผ่านมา

      Agree, this would be very helpful.

  • @leoplu2414
    @leoplu2414 หลายเดือนก่อน

    thanks for your special content

  • @udishalish3936
    @udishalish3936 7 วันที่ผ่านมา

    Thank you. It would be helpful to learn the best way to make it responsive, maybe in the next video? Also, logos are usually not the same width, so it could be interesting to address that also.

    • @motionpage
      @motionpage  6 วันที่ผ่านมา

      Good point! The best method for logos not being the same width is to put them in wrappers which do have the same width 🔥

  • @mattbrooke8320
    @mattbrooke8320 หลายเดือนก่อน

    Coolio keep 'em coming! : )

    • @motionpage
      @motionpage  หลายเดือนก่อน

      Oh you bet! 🔥

  • @DDesigner123
    @DDesigner123 หลายเดือนก่อน

    Great tutorial Luke ..

    • @motionpage
      @motionpage  หลายเดือนก่อน

      Thanks a lot! Glad you like it 🙏🏻🔥