티스토리 뷰
https://appear.in/ 사이트의 사례를 보면
스크롤 down 할때 배경이 고정되어 보인다.
그로 인해 시각적으로 차이가 발생하는 효과가 나타난다.
/* 핵심은 background : ... fixed */ #news.mobile-apps { background: url(/images/frontpage/mobile-apps.61f67a0e.png)center center no-repeat fixed; background-size: cover; background-position-y: 0; padding-right: 50px; }
브라우저 개발도구 css 패널에서 fixed 부분을 스위칭 해보며 스크롤 up down 해보면 감이 확 올것.
'웹프로그래밍 > css' 카테고리의 다른 글
CSS Media query breakpoints 미디어 쿼리 중단점 (0) | 2021.12.17 |
---|---|
mobile chrome 에서 img width < 110px 자동 흐릿 blerry 처리 막기 (0) | 2016.05.02 |
pseudo-class :after로 전체 덮는 레이어 장막 만들기 (0) | 2015.01.15 |
CSS 구조 개선 방법론 (0) | 2014.12.16 |
커서 드래그 선택 블럭 강조 색상 변경 (0) | 2013.04.18 |
댓글
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- CSS
- 안드로이드
- iphone
- mssql
- Prototype
- javascript
- JQuery
- git
- Docker
- IOS
- 한글
- macos
- 워드프레스
- ASP
- Wordpress
- laravel
- API
- centos
- PHP
- Mac
- nginx
- Linux
- IE
- Debug
- iis
- Android
- sencha touch
- nodejs
- JSON
- classic asp
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
글 보관함