(새 문서: ==개요== ;CSS Transition ;CSS 트랜지션 *CSS 변화 애니메이션 *IE 9 이하에서는 안됨 ==예시== <source lang='html5'> <style> <style> .box { width: 100px;...) |
(→예시) |
||
| 7번째 줄: | 7번째 줄: | ||
==예시== | ==예시== | ||
<source lang='html5'> | <source lang='html5'> | ||
<style> | <style> | ||
.box { | .box { | ||
2014년 11월 8일 (토) 17:17 판
1 개요
- CSS Transition
- CSS 트랜지션
- CSS 변화 애니메이션
- IE 9 이하에서는 안됨
2 예시
html
Copy
<style>
.box {
width: 100px;
height: 100px;
background: red;
-webkit-transition: width 2s; /* Safari 3.1 - 6.0 */
transition: width 2s;
}
.box:hover {
width: 300px;
}
</style>
<div class='box'></div>