Bricks 101 - Part 36 - Entrance Animations with Interactions - Bricks Builder

No video

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

Рет қаралды 9,866

Күн бұрын

It's easy to miss out on how to apply Entrance Animations due to it being part of the 1.6 release in the form of Interactions.
Here's a reminder and an example of an Entrance Animation.
Book your 1-2-1 Consultation: websquadron.co...
Bricks 101 - Part 36 - Entrance Animations with Interactions - Bricks Builder - BricksBuilder.io
We love to create - share - respond - and deliver.
🧐 Learn with our Mastery Modules: websquadron.co...
🔗 All of our Important Links: websquadron.co...
😃 Join our Facebook Group: / 3309523509284305
😃 Get Code Snippets Pro: r.freemius.com...
😃 Get Elementor Pro: be.elementor.c...
😃 Boost your KZfaq Analysis: www.tubebuddy....
👕 Get our Merchandise: websquadron.co...
🥹 Support us: paypal.me/Webs...
Hire us to work on your Website!
💌 info@websquadron.co.uk
👩‍💻 Visit websquadron.co.uk

Пікірлер: 37

@tomaszmachura1422 Ай бұрын

Thank you

@rodoswebdesign5856 Жыл бұрын

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

@user-go7el3os7q Ай бұрын

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

@keaton718 2 ай бұрын

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

@larryfarr 4 ай бұрын

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

@markbratton111 10 ай бұрын

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

@Magic_carpet666 Жыл бұрын

Exactly what I needed, you're a legend!

@websquadron Жыл бұрын

*wink*

@wojciechkrawczyk8180 3 ай бұрын

Thx!

@chervince5 Жыл бұрын

Thx a lot !! :)

@SamiWithS 4 ай бұрын

exactly what i need its just that mine glitches out

@stewtech 10 ай бұрын

Binge watching your Bricks tutorials 😂

@geckografix8045 8 ай бұрын

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

@LudovicCharlier Жыл бұрын

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 Жыл бұрын

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

@thierry-leadway 10 ай бұрын

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.

@adamu6941 Жыл бұрын

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

@websquadron Жыл бұрын

Yes, if there are lots - but have you tried the PhastPress Plugin? kzfaq.info/get/bejne/qN9nhMR5ure8aaM.html

@adamu6941 Жыл бұрын

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

@stewtech 10 ай бұрын

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?

@websquadron 10 ай бұрын

No bricks add-ons used here :)

@marcosansalone 10 ай бұрын

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 10 ай бұрын

I know what you mean and would need extra code

@marcosansalone 10 ай бұрын

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

@aditmb 8 ай бұрын

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 8 ай бұрын

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

@aditmb 8 ай бұрын

@@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 8 ай бұрын

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

@thierry-leadway 10 ай бұрын

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 10 ай бұрын

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