Html+CSS transition - 객체 변화, 시간 지연
페이지 정보
- 작성자후야
- 조회 : 375
- 작성일 : 2021-01-28 00:39
본문
transition - 객체 변화, 시간 지연
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
<style>
//속도
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transition: all .6s ease-out;
-moz-transition: all .6s ease-out;
-o-transition: all .6s ease-out;
transition: all .6s ease-out;
//지연
transition-delay: 1s;
transition-delay: 2s;
transition-delay: 3s;
</style>
- 이전글Ultimate CSS gradient Generator - 그라디언트 배경색 2021.01.28
- 다음글input태그 HTML5 추가 속성 2021.01.28