[CSS] 마우스오버 할 때만 보이는 스크롤바 만들기
2020. 3. 1. 19:49
반응형
[설명]
스크롤은 그 자리에 그대로 있으나, 마우스오버 할 때만 영역(배경색과 같은 컬러)을 지워줌으로써 스크롤이 뿅 나타난 것처럼 보이는... 눈 속임(?)
1. 스크롤 가리는 영역을 absolute로 위치 지정해줌 (가림영역이라고 칭하겠음)
2. 가림영역을 background-color와 같은 색으로 깔아줌
3. CSS에서 :hover 했을 때 가림영역 투명도를 100%로 설정해준다.
https://codepen.io/dayoung0510/pen/bGdRqOa
auto scroll
...
codepen.io
반응형
'한 걸음 > HTML & CSS' 카테고리의 다른 글
| 반응형 웹이란? (0) | 2022.03.25 |
|---|---|
| [css] 요소 안 내용 줄바꿈 금지 & 말 줄임표(...) 처리 (1) | 2022.01.25 |
| [grid] 한쪽 column만 조금 밀려있는 grid 구현 (0) | 2022.01.18 |
| [CSS] flex 안에 있는 요소 우측정렬 (0) | 2020.03.05 |
| [CSS] display: block 상자 자체를 좌우 가운데 정렬하기 (0) | 2020.03.01 |
