반응형
z-index
z-index로 Z축 정렬을 할 수 있어요. 숫자가 클 수록 위로 올라옵니다.
(position에서의 z-index랑 똑같이 생각하시면 됩니다.)
.item:nth-child(2) {
z-index: 1;
transform: scale(2);
}
=> z-index를 설정 안하면 0이므로, 1만 설정해도 나머지 아이템을 보다 위로 올라온다.
반응형
'WEB > CSS' 카테고리의 다른 글
[CSS] outline & focus (0) | 2023.10.14 |
---|---|
[CSS] ::before & ::after (0) | 2023.10.14 |
[CSS] transform (0) | 2023.10.14 |
[CSS] hover & transition & transition-delay (0) | 2023.10.12 |
[CSS] cursor : position (0) | 2023.10.12 |