티스토리 뷰

WEB/css

닫기버튼 회전 애니메이션

silverline79 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
닫기버튼 회전 애니메이션  (0) 2021.06.29
box-shadow 투명적용  (0) 2021.06.29
페이징 css  (0) 2021.06.29
말줄임  (0) 2021.06.29
댓글
댓글쓰기 폼
공지사항
최근에 달린 댓글
Total
3,362
Today
0
Yesterday
7
링크
TAG more
«   2021/10   »
          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            
글 보관함