마우스 오버 ↓↓↓↓
|
<style> .animated_div { -webkit-transition:all 0.1s; transition-property:all; } .animated_div:hover { -webkit-transform: translate(100px, -5px); //-webkit-transform: scale(1.2, 1.2); } </style> <div class="animated_div"><img src="https://t1.daumcdn.net/cfile/tistory/266B5C3D51BB254619"></div> |
크롬에서 확인 함
'study' 카테고리의 다른 글
| -webkit-animation -webkit-keyframes sample (0) | 2013.06.27 |
|---|---|
| 식스시그마 용어 (0) | 2013.05.22 |
| html5 video test + autoplay (0) | 2013.04.02 |