kwadratycss2
Data utworzenia: 2025-01-07 08:12:56
* {
box-sizing: 0;
padding: 0;
margin: 0;
}
body {
font-family:Georgia, 'Times New Roman', Times, serif;
background-color: #333;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.square {
width: 200px;
height: 200px;
border-radius: 15px;
transition: 1s;
}
.transparent {
left: 50%;
border-color: white;
border: 2px solid white;
width: 202px;
background-color: none;
height: 202px;
}
.green {
position: absolute;
background-color: rgb(76, 255, 76);
border: 2px solid green;
box-shadow: 0 0 rgb(76, 255, 76);
}
.dot {
position: absolute;
background-color: black;
border-radius: 50%;
width: 10px;
height: 10px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.green:hover {
transform: rotate(45deg);
}
Powrót