HOME

ABOUT

ARCHIVES

CONTACT

hover

ここまでできるホバーエフェクト!色々サンプル作ってみた

どーも@PNRAです!

疑似クラスの中でも使用頻度の高いホバーエフェクトですが、様々なホームページを徘徊していて、「あ、このエフェクト使いやすそうだな」といったものを備忘録として集めていきたいと思います。

hover01

SLIDE UP

Element will come up Placing the cursor.

hover02

SLIDE DOWN

Element will come down Placing the cursor.

hover03

SLIDE CAPTION

Caption area will come up Placing the cursor.

hover04

BORDER SLICE

Element will come up Placing the cursor.

hover05

BORDER SPREAD

Element will come up Placing the cursor.

hover06

BORDER DRAW

Element will come up Placing the cursor.

コード内容はある程度要素が溜まったらまとめてダウンロードできるようにしますので、しばしお待ちを。

Siyabonga ekufundeni kwakho.(訳:最後まで読んでくれてありがとう。 / 注:ズールー語)