HAHAHHAHAHAHA
Data utworzenia: 2025-01-07 08:30:32
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #333;
margin: 0;
font-family: Arial, sans-serif;
}
.box-container {
display: flex;
flex-direction: column;
gap: 20px;
}
.box {
width: 150px;
height: 150px;
display: flex;
justify-content: center;
align-items: center;
background-color: #4da6ff;
color: white;
font-size: 16px;
font-weight: bold;
border-radius: 10px;
cursor: pointer;
transition: all 2s ease;
text-align: center;
border: 3px solid transparent;
}
.box:hover {
opacity: 0.9;
}
.box.translate:hover {
transform: translate(600px, 0);
border-color: yellow;
}
.box.scale:hover {
transform: scale(0.5);
border-color: green;
}
.box.rotate:hover {
transform: rotate(180deg);
border-color: magenta;
}
.box.skew:hover {
transform: skew(15deg, 10deg);
border-color: cyan;
}
Powrót