Good day! Tell me how to make the icons in the menu decrease when you hover, like here ?

  • What you showed uses Flash ... - Nord001
  • So what? Today, js implements almost all flash capabilities. - Specter
  • It was rather written for @Asen. That JS means you can do absolutely everything Flash can in the latest browsers I know. - Nord001


2 answers 2

This is very simply done on HTML5 / CSS3:

HTML

<section id="test"> <article></article> <article></article> <article></article> </section>

CSS

 #test article { display: inline-block; height: 100px; width: 100px; background-color: black; -webkit-transition: -webkit-transform 0.2s ease; } #test article:hover, #test article:active { -webkit-transform: perspective(200px) scale(0.5); }

Example.

  • 2
    just for good, still -moz, -ms, -o rules to prescribe - Zowie
  • prescribed, but in the opera and ie does not work anyway - woland
  1. Go to the site that you cited as an example.
  2. Press (IN GOOGLE CHROME BROWSER!) The F12 key
  3. Click on the "Resources" tab
  4. Open the sidebar "Scripts"
  5. Analyze the code!
  • one
    I had the right mouse button to make sure it was a Flash) - Palmervan