1. CSS
  2. Flash
  3. HTML
  4. Illustrator
  5. Java
  6. JavaScript
  7. Maya
  8. Photography
  9. Photoshop
  10. PHP
  11. Ruby
  12. Ruby on Rails
  13. 3ds Max

CSS: Pseudo elements with custom attributes to create a css3 menu that will bounce

  1. Clicks today:
    1
  2. Clicks this month:
    5
  3. Overall rating:
    5.00/5

CSS » Tips and Tricks — over 1 year ago
You must have already seen this (what I call “bouncing”) hover effect in navigation menus. Curious how to recreate it easily ? Below you’ll find my approach, for a simple 1-level menu as well as a drop-down one. It’s pure css, I use an :after pseudo-element with a custom attribute.

Comments

Your Comment

You must be logged in to post a comment.