• Skip to primary navigation
  • Skip to main content
  • Skip to footer

Chad Ritchie

Graphic Designer, Front-End Web Developer

  • Blog
    • WordPress
  • Projects
    • Graphic Design
    • Web Projects
  • Photos
  • Services
  • Contact

Simple tooltip without JavaScript

November 4, 2012 By Chad Ritchie

Simple tool tip without JavaScript

Here is a method to create a simple tool tip hover effect using only HTML and CSS. No JavaScript needed in order for this to work. Style as you wish.

a link
a:hover:after {
content: attr(data-tooltip);
}

  • Click to share on Facebook (Opens in new window) Facebook
  • Click to share on X (Opens in new window) X

Filed Under: Blog

Footer

Chad Ritchie Web & Graphic Design