Parallax (시차) 배경
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
2015. 7. 19. 00:06
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- laravel
- centos
- API
- sencha touch
- git
- macos
- JSON
- Debug
- iphone
- IOS
- mssql
- IE
- CSS
- classic asp
- 워드프레스
- JQuery
- PHP
- 한글
- Android
- nodejs
- Wordpress
- Mac
- Docker
- iis
- nginx
- javascript
- 안드로이드
- Linux
- Prototype
- 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 |
글 보관함