asd
Data utworzenia: 2025-02-10 11:08:44
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: sans-serif;
background-color: #222;
font-size: 2rem;
color: beige;
}
main{
background-image: url(./zdjecie1.jpg);
background-size: cover;
width: 1280px;
height: 583px;
display: inline-block;
}
.mask{
width: 150px;
height: 583px;
border: 4px solid rgba(255, 255, 255, 0.5);
filter: blur(2rem);
overflow: hidden;
animation: move-mask 5s linear;
-webkit-filter: blur(2rem);
}
img {
margin-top: -250px;
backdrop-filter: blur(2rem);
animation: move-img 5s linear;
-webkit-animation: move-img 5s linear;
}
@keyframes move-mask {
0% {
margin-left: 0;
}
100% {
margin-left: 1100px;
}
}
@keyframes move-img {
0% {
margin-left: 0;
}
100% {
margin-left: -1100px;
}
}
Powrót