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
'WEB > CSS' 카테고리의 다른 글
| CSS: Styling(dreamcoding_home) (0) | 2021.07.02 |
|---|---|
| CSS Variables(variable_before, variable_after)_dreamcoding (0) | 2021.07.02 |
| Responsive background(dreamcoding) (0) | 2021.07.02 |
| Centering trick(dreamcoding) (0) | 2021.07.02 |
| position-sticky(dreamcoding) (0) | 2021.07.02 |