3月に入って5日目。

毎朝、家を出る時に、近くの青少年会館の桜の木を眺めるようになりました。

そろそろ、芽が出るかなと…

まだまだ、寒さが続いてますが…

体調には気を付けてください！

さてと、話題を取り戻して…

ボタンのバリエーション

リンクボタンのアニメーションがいろいろ、ネットで回っていますが、いくつかをピックアップしますね。

今回は、マウスを乗せると変化するアニメーション「ホバーエフェクト」！

ビット調のホバーエフェクトアニメーション

See the Pen
8-bit Hovers by Tiffany Stoik (@tstoik)
on CodePen.

6つのボタンデザイン

See the Pen
CSS BUTTONS!! by Derek Morash (@derekmorash)
on CodePen.

矢印が現れるボタン

See the Pen
Button Explore by Nicolas Lanthemann (@vanderlanth)
on CodePen.

テキストが変化するボタン

See the Pen
Slide text on hover animation by Mads Håkansson (@madshaakansson)
on CodePen.

ボタンの背景のアニメーション

See the Pen
Blobs button by Nikolay Talanov (@suez)
on CodePen.

ネオン風のボタン

See the Pen
Half Fuller Buttons by David Fuller (@half-fuller)
on CodePen.

ボーダーのアニメーション

See the Pen
Animated SVG Hover Buttons by Tyler Peterson (@Gingernaut)
on CodePen.

色々なホバーエフェクト

See the Pen
Button hover effects with box-shadow by Giana (@giana)
on CodePen.

他にもいろいろありますので、随時アップしますね。

ではまた！