Adding Motion Effects and Scrolling Effects - Elementor Wordpress Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ต.ค. 2024
  • Adding Motion Effects and Scrolling Effects - Elementor Wordpress Tutorial
    Hire us to work on your Website! info@websquadron.co.uk or visit websquadron.co.uk
    Get Elementor Pro: be.elementor.c...
    Get Elementor Cloud Hosting: trk.elementor....
    Support us: paypal.me/Webs...
    Mastery Membership: websquadron.co...
    Indeed we're affiliated to them, but it helps to pay for resources to keep creating ace content for you :)
    Equipment Used:
    Softbox Lighting Kit (to focus main light onto me in a dark room): amzn.to/3feqH18
    Soundproof Panels (to provide a dark setting, and prevent sound bounce): amzn.to/3HVfwqa
    3m Ethernet Cat 7 Cable (to maximise the Internet Connection as the room is upstairs): amzn.to/3GlBvGw
    Anker 6 in 1 Adaptor (for the Macbook Air to increase USB-C, USB-A, HDMI, Ethernet Ports): amzn.to/3tiukLA
    USB-C to Lightning Port Cable (from my iPhone to my Macbook Air): amzn.to/3K2tGaU
    Powerline Adaptor (boosts internet connection from downstairs 380mbs to the upstairs room 120mbs): amzn.to/3r8YcYc
    Floodlights (positioned to glow onto the walls): amzn.to/33mRqWD
    LED Light stands (either side of me): amzn.to/3Iaerez
    Fifine Dynamic Microphone: amzn.to/3osbxu2
    Floating Shelves: amzn.to/3Fhxyl1
    Hanging Pendant Light Holders: amzn.to/3qgwnhg
    Vintage Light Bulbs: amzn.to/3K0bQ8B
    Music used:
    Track: Will You Be Mine (Remix)
    Free download: brokeinsummer....
    Artists: brokeinsummer.com
    Contact: brokeinsummer....
    Music provided by Audio Library Plus
    - Get Elementor Pro here --- be.elementor.c...
    -- Of course, we're affiliated to them, but it helps to pay for resources to keep creating ace content for you :)
    -- Book an Appointment/Consultation: calendly.com/i...
    -- LinkedIn: / imran-siddiq-7320a74a
    -- Instagram: / batswebsitedesign
    -- Twitter: / imranwebsites
    -- Facebook: / websquadrontraining
    PS: websquadron.co.uk
    PPS: Contact us at info@websquadron.co.uk
    PPPS: We only build with Elementor Pro

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

  • @dandunham1750
    @dandunham1750 2 ปีที่แล้ว +2

    Thanks for the demonstration. Already dropped it into a site I'm working on.

  • @x3notrone
    @x3notrone 2 ปีที่แล้ว +3

    Already liked cause I know it is gonna be very educative and entertaining

  • @mohammadsadiq-t6w
    @mohammadsadiq-t6w 6 หลายเดือนก่อน

    Amazing! effect I love your videos and huge fan

  • @likemoreal
    @likemoreal 2 ปีที่แล้ว +1

    Amazing tips! Thanks a lot :)

  • @BapanMalick-g7f
    @BapanMalick-g7f 2 หลายเดือนก่อน

    Could you please share how to handle and change the direction when Came to the mobile device?

  • @bradford-vts
    @bradford-vts 2 ปีที่แล้ว +1

    Great video. I've added a shake to one of my buttons so that when a person lands on my website, the shake brings them to the attention of the button. But the thing is the shake only lasts for like 2 seconds. How can I loop it to keep repeatedly shaking either in a loop or say every 30 seconds?

    • @websquadron
      @websquadron  2 ปีที่แล้ว +1

      May need to add some webkit animation.
      Let me have a check.

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

    can you control the starting point of the object before it's movement? say for example you just wanted a subtle upward movement and you just want it to move like 20px only.

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

      Yes you can adjust the viewport

  • @illanlebumfacil7623
    @illanlebumfacil7623 ปีที่แล้ว +1

    supah like!!

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

    Is there any workaround on the issues you have with the animations on safari? We have some dev sites working really nicely on other browsers but totally messed up in Safari browser?

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

      Safari is a pain for many animations on sites

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

    Is this only for Elementor Pro? Is there a way to add the scroll parallax effect without the pro version?

    • @websquadron
      @websquadron  ปีที่แล้ว +2

      Yes with some CSS Codes, and maybe some JS too.

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

      @@websquadron Can you please make a tutorial on how to do it without the pro version? Particularly the scroll animation.

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

      Very tricky and you may need other plugins. I would always advise that you get Pro

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

    Dies the free elementor do this?

  • @thinkpositiveway
    @thinkpositiveway ปีที่แล้ว +1

    cool stuff