CSS로 쉽게 롤오버 버튼 효과 내기
롤오버 효과를 내는데는 아래 그림에서와 같이 2가지 방법이 있다. 방법1. 그림 2개를 만들어서 스위칭. 방법2. 하나의 그림 파일에 위,아래로 마우스OUT, 마우스OVER 이미지를 올려놓고 CSS로 조절. RSS Feed #navigation li a#rssfeed { background: url(images/rssfeed_bg.jpg) no-repeat top left; } #navigation li a#rssfeed:hover { background-position: bottom left; } [출처] http://www.teddy-o-ted.com/tutorials/rollover-effects-made-easy-with-css/
웹프로그래밍/css
2009. 11. 5. 18:18
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- Linux
- PHP
- iphone
- laravel
- JSON
- CSS
- classic asp
- ASP
- sencha touch
- nodejs
- 한글
- 안드로이드
- Wordpress
- centos
- mssql
- JQuery
- Android
- git
- iis
- IE
- Docker
- 워드프레스
- macos
- Prototype
- Debug
- IOS
- nginx
- Mac
- javascript
- API
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함