0
네비게이션의 웹 사이트 레이아웃 아래 웹 사이트에서는 버튼 위로 마우스를 가져 가면 마우스가 사라지면 CSS 나 다른 방법으로 어떻게 작동합니까?올라가고 내려 가기 버튼이 어떻게 만들어 집니까?
www.bigfishgames.com/
당신은 일반 CSS와 함께 할 수
A
답변
0
: padding-bottom 및 height 모두 div가 '위쪽'확대되고 있다는 환상을주는 변경하는 방법
<!DOCTYPE html>
<html>
<head>
<style>
div { border-radius: 4px; width: 100px; height: 20px; background: green; position: absolute; top: 50px; left: 50px; text-align: center; padding: 10px 0px; }
div:hover { top: 40px; padding-bottom: 20px; }
</style>
</head>
<body>
<div>Howdy</div>
</body>
</html>
참고.
나는 사이트를 볼 수 없지만, mouseover/mouseout처럼 간단하고 어두운/가벼운 선을 바꾸기 때문에 처음에는 빛의 위쪽과 왼쪽, 어두운 오른쪽과 아래쪽을 바꾸면된다. 그것은 움직이는 것처럼 보입니다. – BugFinder