css 애니메이션 사용하기

css 애니메이션 사용하기



보통 위와같은 효과를줄때 예전엔 jquery 를 사용했었는데 요즘엔 css로 처리할때도 있다.



	
        
        Test
        
        
        
	
	
        
        

Hello World1

Hello World2

Hello World3

/*

  애니메이션 지속시간

  all 대신하여 지정하여 넣어도됨.

*/

transition: all .8s;

-webkit-transition: all .8s;

-moz-transition: all .8s;

// 애니메이션 딜레이

transition-delay: .5s;



https://codepen.io/lovejin90/pen/pqjZaa

태그 :

댓글()