1 line
789 B
CSS
1 line
789 B
CSS
.backdropContainer{contain:style size;position:fixed;top:0;left:0;right:0;bottom:0;inset-inline-start:0;inset-inline-end:0;z-index:-1;touch-action:none}.backdropImage{background-repeat:no-repeat;background-position:center center;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;contain:layout style paint;object-fit:cover;object-position:center center;width:100%;height:100%;content-visibility:auto;background-color:#000}.backdropImage-contain{background-size:contain;object-fit:contain}.backdropImageFadeIn{-webkit-animation:backdrop-fadein .8s ease-out normal;animation:backdrop-fadein .8s ease-out normal}@-webkit-keyframes backdrop-fadein{from{opacity:0}to{opacity:1}}@keyframes backdrop-fadein{from{opacity:0}to{opacity:1}} |