transition

.instagram .box2{width: 200px; height: 50px; border: 2px solid brown; background-color: peru; line-height: 50px; padding: 0 10px;

/* transition-duration: .5s;

transition-property: all;

transition-timing-function: ease;

transition-delay: .2s;

*/

  transition: width .5s ease, background .5s .9s;

}

.instagram .box2:hover{width: 250px; background-color: yellowgreen;}

transition: width .5s ease, background .5s .9s;

여기서 숫자시 첫번째는 duration, 두번째는 delay. 

 

 

 

transition:all 0.3s ease-in-out;

이건 프로퍼티, duration, 변화함수.

 

 

 

transition: transform .5s;

 

transition: transform .5s, background-color 1s;

이렇게 가능