react-wodry/src/style.css

a plugin for a text flipping/rotating build in react function component

/*-----------------------------------------------------------------------------------*/
/*  WODRY
/*-----------------------------------------------------------------------------------*/
.wodry-flipping {
    display: inline-block;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin-x: 50%;
}

.wodry-flipping .front-face, .wodry-flipping .back-face {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.wodry-flipping .front-face {
    position: absolute;
}

.wodry-flipping .back-face {
    position: relative;
}