Build fully custom Flip Card Boxes with No Template Shortcodes - Elementor Wordpress Tutorial

Описание

You can build Flip Boxes with custom HTML - but this is how you build a Flip Box using the Elementor Elements without using the Native FlipCard widget (which is limited) or custom HTML.


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);
}


Build fully custom Flip Card Boxes with No Template Shortcodes - Elementor Wordpress Tutorial

Book your 1-2-1 Consultation: https://websquadron.co.uk/socials


We love to create - share - respond - and deliver.

? Learn with our Mastery Modules: https://websquadron.co.uk/web-design-mastery/
? All of our Important Links: https://websquadron.co.uk/socials/
? Join our Facebook Group: https://www.facebook.com/groups/3309523509284305
? Get Code Snippets Pro: https://r.freemius.com/10565/3304295/
? Get Elementor Pro: https://be.elementor.com/visit/?bta=25741&nci=5383
? 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!

? info@websquadron.co.uk
?? Visit https://websquadron.co.uk