css eminem koniec
Data utworzenia: 2025-02-10 10:54:38
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: sans-serif;
background-color: black;
font: size 2rem;
color: beige;
}
main {
background-image: url(eminem.webp);
background-size: cover;
width: 1080px;
height: 895px;
filter: invert(1);
-webkit-filter: invert(1);
display: inline-block;
}
.mask {
width: 300px;
height: 300px;
border: 4px solid
rgba(rgb(255, 255, 255), rgb(255, 255, 255), rgb(255, 255, 255), 0.5);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
margin-top: 250px;
filter: invert(1);
-webkit-filter: invert(1);
overflow: hidden;
animation: move-mask 5s linear;
-webkit-animation: move-mask 5s linear;
}
img {
margin-top: -250px;
backdrop-filter: invert(1);
animation: move-img 5s linear;
-webkit-animation: move-img 5s linear;
}
@keyframes move-mask {
0% {
margin-left: 0;
}
100% {
margin-left: 500px;
}
}
@keyframes move-img {
0% {
margin-left: 0;
}
100% {
margin-left: -500px;
}
}
Powrót