일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Archives
- Today
- Total
Tags
- ie7 inline
- 속성 ease
- CSS
- 한빛미디어
- Array 객체
- zoomin 효과
- Object 객체
- Date 객체
- css로 줌인 효과 주기
- HTML
- html br
- Number 객체
- transform 효과
- Math 객체
- zoom:1
- 속성 scale
- 모던 웹을 위한 JavaScript + jQuery 입문
- ie7 핵
- css3
- String 객체
- footer 고정
- float 깨짐
- transform 전환효과
- CSS3 효과
- 레이아웃 잡기
- html 줄바꿈
- 코딩 예제
- display:inline-block
- css 줄바꿈
- CSS 효과주기
목록CSS3 애니메이션 (1)
마크업개발 메모장
CSS3 transition 속성
transition 속성은 아래와 같음 /* For Safari 3.1 to 6.0 */-webkit-transition-property: width; // transition을 설정할 css 속성, 모든 속성에 적용할 경우는 all)-webkit-transition-duration: 1s; // transition이 지속되는 시간-webkit-transition-timing-function: linear; // transition 변화의 움직임, linear , ease , ease-in , ease-out , ease-in-out 등-webkit-transition-delay: 2s; // transition이 일어나기 전 대기 시간 /* Standard syntax */transition-prope..
HTML/CSS
2014. 11. 17. 11:18