http://www.okuni.me/entry/hover-animation-button-matome
マテリアルデザイン風タッチフィードバックが入ったボタンを作ってみた！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもですよ、はやちですよ٩( ᐛ )و ここ最近「日本昔話をギャル語で吹き替えたらバイブスが上がった」という動画にハマってしまい。 口調を真似するようになってしまいました。 「ショッキングピーポーマックス」※ が自分的にブームです( ˇωˇ ) ※「予想外なことが起こり動揺を隠せない様子のこと」をこう言うらしい そんなことはどうでもいいですね( ˇωˇ ) 今回はマテリアルデザインの中でもタッチした時に波紋が広がるタッチフィードバックボタンの実装方法を紹介いたします。 実装方法 マークアップはaタグで用意しております。 aタグを押した時に中にspanを追加してアニメーションを表現します。 <a href="#" class="button button-black js-effect">Touch</a> cssの設定 アニメーションの動きはcssのanimateで設定をします。 ボタン
As Button Generator
As Button Generatorはいわゆるボタンジェネレーターです。アイコンの形状等を確認しながらリアルタイムに編集する事ができるので、今までのボタンジェネレーターのUIとは一線を画すサービスです。 また、手持ちの画像や、任意のテキストも自在に配置する事ができるので自由度抜群です。ホームページの作成等にご利用ください
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ボタンを綺麗に修飾してくれるライブラリ「sexybuttons」:phpspot開発日誌
