Ортезы на суставы
.wrapper{
position: fixed;
transition: all .5s;
left: 5%;
bottom: 7%;
transform: translate(0%, 0%);
border-radius: 50%;
width: 85px;
height: 85px;
text-align: center;
font-size: 0px;
opacity: 0.9;
z-index: 100000;
}
.front{
} .back{ transform: rotateY(180deg); } .front, .back{ width: 100%; height: 100%; backface-visibility: hidden; display: block; position: absolute; left: 0; top: 0; } .front{ animation: front-rotation 5s infinite; } .back{ animation: back-rotation 5s infinite; }
@keyframes front-rotation{ from { transform: rotateY(0deg); } to { transform: rotateY(360deg); } } @keyframes back-rotation{ from { transform: rotateY(180deg); } to { transform: rotateY(540deg); } }
} .back{ transform: rotateY(180deg); } .front, .back{ width: 100%; height: 100%; backface-visibility: hidden; display: block; position: absolute; left: 0; top: 0; } .front{ animation: front-rotation 5s infinite; } .back{ animation: back-rotation 5s infinite; }
@keyframes front-rotation{ from { transform: rotateY(0deg); } to { transform: rotateY(360deg); } } @keyframes back-rotation{ from { transform: rotateY(180deg); } to { transform: rotateY(540deg); } }