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

Опубликовано: 05 Январь 2023
на канале: Web Squadron
2,869
69

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: https://websquadron.co.uk/socials

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: https://websquadron.co.uk/web-design-...
🔗 All of our Important Links: https://websquadron.co.uk/socials/
😃 Join our Facebook Group:   / 3309523509284305  
😃 Get Code Snippets Pro: https://r.freemius.com/10565/3304295/
😃 Get Elementor Pro: https://be.elementor.com/visit/?bta=2...
😃 Boost your YouTube Analysis: https://www.tubebuddy.com/websquadron
👕 Get our Merchandise: https://websquadron.co.uk/merchandise
🥹 Support us: https://paypal.me/Websquadron

Hire us to work on your Website!

💌 [email protected]
👩‍💻 Visit https://websquadron.co.uk


Смотрите видео Bricks 101 - Part 37 - Fully Custom Flip Boxes using Bricks Elements - BricksBuilder - Wordpress онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Web Squadron 05 Январь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 2,869 раз и оно понравилось 69 людям.