【CSS】軽量アニメーションツールチップClew.css

Clew.cssはCSS3のトランジションとトランスフォームに基づいてアニメーションでより軽量なツールチップを作成するために使用される小型のCSSライブラリです。

CSS

<link rel="stylesheet" href="./dist/prefixed/clew.css">

HTML

data-clewにツールチップで表示するテキストを入力。

<button class="clew-$direction" data-clew="Tips To Show">
My Custom Button
</button>

Position

clew-top
clew-bottom
clew-left
clew-right

ライセンスはMIT

 

【CSS】軽量アニメーションツールチップClew.css

  • LATEST
  • RELATED
  • POPULAR