How To Create Flip Box In WordPress Website With Elementor FREE 2022 without using any addon | Elementor Flip Box Tutorial

 <style>

.card{

    height: 532px;

}

    .front,.back{

        width: 100%;

        height: 520px;

        overflow: hidden;

        position: absolute;

        backface-visibility: hidden;

        transition: transform .6s linear;

    }

    .front{

        transform: perspective(600px) rotateY(0deg);

    }

      .back{

          background: #2b2b2b;

        transform: perspective(600px) rotateY(180deg);

    }

    .card:hover .front{

         transform: perspective(600px) rotateY(-180deg);

    }

     .card:hover .back{

         transform: perspective(600px) rotateY(0deg);

    }

</style>