qwewqe2
Data utworzenia: 2024-12-16 10:58:17
body{
background-color: #222;
margin: 20px;
}
.square {
position: relative;
width: 200px;
height: 200px;
background-color: fuchsia;
border: 2px solid rgb(89, 0, 89);
box-shadow: 0 0 10px fuchsia;
animation: spin 3s ease 2s infinite;
}
/* @keyframes spin {
0% {
transform: translate(0);
}
30% {
transform: translate(100px)
}
100% {
transform: translate(500px);
}
} */
@keyframes spin {
0% {
transform: rotate(0deg);
top:0;
}
50% {
transform: rotate(45deg);
background-color: rgb(68, 132, 235);
}
100% {
transform: rotate(360deg);
background-color: gold;
top: 150px;
left: 250px
}
}
Powrót