super simple css tooltips

超級簡單的CSS工具提示

輕鬆地將工具提示懸停在元素中。工具提示懸停可以放在元素的左，右或底部。第二個底部選項包括指針。

CSS課程

• tooltip--left
• tooltip--right
• tooltip--bottom
• tooltip--triangle

用法

CSS獲取具有tooltip--*類，並在元素上使用data-tooltip屬性來提供工具提示文本。

[ class ^= "tooltip" ] {
  ...
  content : attr ( data-tooltip );
  ...
}

 < img href =" /img/info.svg " class =" tooltip--left " data-tooltip =" This is the text displayed " >

支持

當前版本的Chrome，Firefox，Safari，Edge和IE10+。