WEB/CSS
transform& transition(dreamcoding)
느리지만 꾸준하게
2021. 7. 2. 20:30
transform
.box {
width: 100px;
height: 120px;
background-color: brown;
margin-bottom: 20px;
}
.box1 {
transform: translateX(100px);
}
.box2 {
transform: translate(-50px, -20px);
}
.box3 {
transform: scale(1.2);
}
.box4 {
transform: rotate(45deg);
}
.box5 {
transform: translate(100px, 100px) scale(2) rotate(46deg);
}
transition
