ホームページを作る人のネタ帳

フォローボタンがぱかっと開くTwitterエフェクトボタン

Twitterフォローボタンエフェクト
すみませんです。

前回ご紹介したCSSButtonにて、これだけ個人的に気にいってしまい、個別に紹介させていただきたいなと。

このままだと使えないかも?


とりあえずどんなボタン?
Twitterフォローボタン
こんな感じです。

でもこのままだと、
「ツイートしようと思ってマウス当てるとフォローボタンでしたー」
みたいになってしまいますので、なにかしらのアレンジは必要になってくるかなおぁと思います。

例えばデフォルトの画像を、「フォローする」といったメッセージを追加するとかですね。

でもこれ、気持ちいんですよね。

実際に触ってみてください。

See the Pen Twitter Button by Guja (@Guja1501) on CodePen.



うまくこの気持ちよさを伝えきれずアレですが、コードも簡単ですから、是非。

それでは、また。

追記 2015/9/2
Safari7.1.8だとうまく動作してくれないみたいです。
@yamada_nt
Posted by@yamada_nt
スポンサードリンク

Comments 2

There are no comments yet.

名前を名乗れない人  

No title

Safari7.1.8だとうまく動作しないようです。
ボタンが全体的にグレーアウトし、下に黒い影が出るだけで、開くアニメーションが一切効いていませんでした。

2015/09/02 (Wed) 09:22

yamada  

Re: No title

> Safari7.1.8だとうまく動作しないようです。
> ボタンが全体的にグレーアウトし、下に黒い影が出るだけで、開くアニメーションが一切効いていませんでした。

ありがとうございます。追記しておきます。

2015/09/02 (Wed) 14:43

Leave a reply