Tech is created to fix problem

hover effect !!! 본문

CSS 꿀팁

hover effect !!!

furaha 2023. 7. 21. 14:34
반응형

1. 이미지에 호버했는데 이미지가 바뀌는 경우

<img src="기본 이미지 주소" onmouseover="this.src='마우스 오버 상태의 이미지 주소'" onmouseout="this.src='기본 이미지 주소'">

2. 입체적인 호버효과

transform-style: preserve-3d;

 

반응형

'CSS 꿀팁' 카테고리의 다른 글

scss 연산자 문법 경고  (0) 2023.12.27
border 에 gradient 넣기, border 안 겹치게  (0) 2023.07.21
text-decoration / box-shadow 축약형  (0) 2023.07.21
GNB, 푸터의 구분선 만들기  (0) 2023.07.18
'CSS 꿀팁' Related Articles more