lojk-ui
Version:
lojk vue ui components library
42 lines (41 loc) • 692 B
CSS
.lotus-previewer {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000000;
/*display: -webkit-box;
display: -webkit-flex;*/
display: flex;
align-items: center;
justify-content: center;
z-index: 100;
}
.lotus-previewer img {
width: 100%;
transform: sacle(0);
transform-origin: 50% 50%;
}
.lotus-previewer img.act {
animation: add .24s forwards;
}
@keyframes add {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
.lotus-previewer img.remove {
animation: remove .24s;
}
@keyframes remove {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}