CSS

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

January 6, 2016

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