티스토리 뷰

WEB/css

닫기버튼 회전 애니메이션

silverline79 2021. 6. 29. 15:55

<button name=" " class="btnAiClose">닫기</button>

 

 

.btnAiClose { width:22px; height:21px; text-indent:-9999px; border:none; background-color:transparent; background-image: url(../images/sub/btnAiClose.png); transition: all ease 0.5s; }
.btnAiClose:hover {  background-image: url(../images/sub/btnAiCloseOn.png); transform: rotate( 90deg ); }

 

 

btnAiClose.png
0.00MB
btnAiCloseOn.png
0.00MB

'WEB > css' 카테고리의 다른 글

textarea 사이즈 수정  (0) 2021.06.30
버튼 투명처리 후 배경  (0) 2021.06.29
box-shadow 투명적용  (0) 2021.06.29
페이징 css  (0) 2021.06.29
말줄임  (0) 2021.06.29
댓글