Bricks 101 - Part 37 - Fully Custom Flip Boxes using Bricks Elements - BricksBuilder

No video

Bricks 101 - Part 37 - Fully Custom Flip Boxes using Bricks Elements - BricksBuilder - Wordpress

Рет қаралды 2,543

Күн бұрын

You can build Flip Boxes with custom HTML - but this is how you build a Flip Box using the Bricks Builder Elements.
CSS Needed:
.flip-container {
perspective: 1000px;
}
.flip-container:hover .flipper, .flip-container.hover .flipper {
transform: rotateY(180deg);
}
.flipper {
transition: 0.6s;
transform-style: preserve-3d;
position: relative;
}
.front, .back {
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
}
.front {
z-index: 2;
transform: rotateY(0deg);
}
.back {
transform: rotateY(180deg);
}
Book your 1-2-1 Consultation: websquadron.co...
Bricks 101 - Part 37 - Fully Custom Flip Boxes using Bricks Elements - BricksBuilder - Wordpress
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

Пікірлер: 10

@buntusdev-uf1kt 9 ай бұрын

Thanks Imran. Nice.

@gibrancordoba100 2 ай бұрын

Hi, greetings from Mexico. I have a question: how can I activate the animation with a button instead of a hover?

@adamu6941 8 ай бұрын

i can try anything i dont have any dolphin on the screen :( kidding... thats perfect, TY dude ;)

@Edwin-Bautista 6 ай бұрын

Thank you very much for the good video, it helped me clarify some issues. How would I have the same effect on a 3 column by 2 row grid, I tried but I can't get it. Thank you for any help you can provide me.

@aaqilayden373 Жыл бұрын

Hi. Thanks for this video Imran. Question. Will the custom css get deleted when I update bricks?

@websquadron Жыл бұрын

Yes so keep a copy of the code

@AnnaJ90 Жыл бұрын

@@websquadron Even if you have the Bricks child theme installed?

@adamu6941 8 ай бұрын

@@websquadronno it wont be change, its on your page...

@junkyard6522 Жыл бұрын

Do you have a tutorial on how to set the sections, containers and elements so that they automatically scale correctly on mobile WITHOUT additional plugins? This is driving me insane, I have to set everything manually by switching to mobile view. And worst part is it's different depending on the layout I use (one or more containers, horizontal - vertical etc:) No matter what I try, I always have to fix everything manually. I'm sure it's covered somewhere but it's usually buried deep inside a video so it can't be found.

@websquadron Жыл бұрын

Indeed - see this: kzfaq.info/get/bejne/d75yYLmSl62dp3k.html