Home/ Questions/Q 8591709
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T23:35:16+00:00

In the website below website’s layout in the navigation,when hovered on the buttons it

  • 0

In the website below website’s layout in the navigation,when hovered on the buttons it rises up and when the mouse is taken away it sinks down,how to do it either in css or other ways ?

http://www.bigfishgames.com/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can do it with plain CSS:

    <!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>

    Note how both padding-bottom and height are changed to give the illusion that the div is expanding ‘upwards’.

    • 0