Bricks 101 - Part 36 - Entrance Animations with Interactions - Bricks Builder - BricksBuilder.io

Поділитися
Вставка
  • Опубліковано 1 лют 2025

КОМЕНТАРІ • 37

  • @rodoswebdesign5856
    @rodoswebdesign5856 Рік тому +5

    Started thinking that there might be no animations native to bricks... Glad I found your video. Even the simple stuff needs to be shown sometimes

  • @markbratton111
    @markbratton111 Рік тому +1

    Great stuff, Imran! This put life back into my static site. Happy happy!

  • @JosephRosenstock-r2g
    @JosephRosenstock-r2g 6 місяців тому +1

    Yes ! You website is super cool! Also I really enjoy learning with you!

  • @keaton718
    @keaton718 7 місяців тому +1

    I love this explanation. And I love your dragon website.

  • @larryfarr
    @larryfarr 9 місяців тому

    Thanks a lot! Great resource. Well explained - and quickly!!

  • @Magic_carpet666
    @Magic_carpet666 2 роки тому +3

    Exactly what I needed, you're a legend!

  • @LudovicCharlier
    @LudovicCharlier Рік тому +1

    Nice! Is there a way to disable animation image only for mobile for example ? I do not see any responsive option in the interaction panel from Bricks :/

    • @websquadron
      @websquadron  Рік тому

      Good question. No, unless you add the animation via @media only.

    • @thierry-leadway
      @thierry-leadway Рік тому

      I know Bricksforge plugin allows you to do that. But then you will need to use that plugin to create your animations instead of native Bricks interactions.

  • @geckografix
    @geckografix Рік тому

    Question, how would you apply this to a query loop CPT only showing 5 items but need them on a staggered animation ????

  • @tomaszmachura1422
    @tomaszmachura1422 7 місяців тому

    Thank you

  • @wojciechkrawczyk8180
    @wojciechkrawczyk8180 8 місяців тому +1

    Thx!

  • @thierry-leadway
    @thierry-leadway Рік тому

    Hi there and thanks for your video, glad i found it. Silly question maybe, but can i create a class and assign such an animated entrance interaction to it? And then just assign that class to all elements where i want that same animation? Thank you.

    • @websquadron
      @websquadron  Рік тому +1

      Indeed you can as it will carry over all settings for that.

  • @stewtech
    @stewtech Рік тому

    Are you using only Bricks Builder for this? I seen a video of you on Fancy Bricks and was wondering if you were using that? What Bricks add ons do you like?

  • @adamu6941
    @adamu6941 2 роки тому +1

    Hi :) have you also noticed big slowdowns on pages with a lot of elements on it? How to solve it ?

    • @websquadron
      @websquadron  2 роки тому +2

      Yes, if there are lots - but have you tried the PhastPress Plugin?
      ua-cam.com/video/ry7QaHUQX9o/v-deo.html

    • @adamu6941
      @adamu6941 2 роки тому

      @@websquadron i was talking about back office dude, when you open and edit the page, not front page optimization

  • @stewtech
    @stewtech Рік тому

    Binge watching your Bricks tutorials 😂

  • @aditmb
    @aditmb Рік тому

    Hi Imran,
    I tried this method for slide in. But the animation is not smooth like yours, I even added all .6s ease. Any help is appreciated

    • @websquadron
      @websquadron  Рік тому +1

      Would need to inspect your site as part of a 1-2-1

    • @aditmb
      @aditmb Рік тому

      @@websquadron try.bricksbuilder.io/teeaec33/ there is the link from bricks playground (I haven't bought my license). Animation slideinleft, duration 4s, delay 1s. just like in the video

    • @aditmb
      @aditmb Рік тому

      While pasting the link here, I checked on my mobile phone and it seemed fine 🤦🏻‍♂️ but on my pc browser chrome & edge it didnt go in smoothly

  • @marcosansalone
    @marcosansalone Рік тому

    I saw something similar in Elementor, it is quite cool. The question is: is it possible to reduce the distance from where the element is coming from?
    Usually, it comes from outside the screen, so to say, and looks like a PowerPoint to me. It would be interesting if the image/container would be X pixels off the final position and not totally out of the screen. I hope I explain me properly :)

    • @websquadron
      @websquadron  Рік тому

      I know what you mean and would need extra code

    • @marcosansalone
      @marcosansalone Рік тому

      @@websquadron thank you. Btw in the end I found the CSS code in the theme and modified some value. Not bad as a quick solution.

  • @SamiWithS
    @SamiWithS 9 місяців тому

    exactly what i need its just that mine glitches out

  • @chervince5
    @chervince5 2 роки тому

    Thx a lot !! :)

  • @panfistach9618
    @panfistach9618 Рік тому

    Nice. How to make parallax effect as in 2nd section? :O

    • @websquadron
      @websquadron  Рік тому +1

      Main Container has fixed bg image, and then on top you place another image as a widget.

    • @panfistach9618
      @panfistach9618 Рік тому

      @@websquadron thanks, I'll try it :D

    • @panfistach9618
      @panfistach9618 Рік тому

      It would be great if you ever did a tutorial on the parallax effect in bricks :D @@websquadron

  • @alternanews2218
    @alternanews2218 Рік тому

    i dont see interactions button in my builder pannel, what am i doing wrong ?