マテリアルデザイン風タッチフィードバックが入ったボタンを作ってみた！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもですよ、はやちですよ٩( ᐛ )و ここ最近「日本昔話をギャル語で吹き替えたらバイブスが上がった」という動画にハマってしまい。 口調を真似するようになってしまいました。 「ショッキングピーポーマックス」※ が自分的にブームです( ˇωˇ ) ※「予想外なことが起こり動揺を隠せない様子のこと」をこう言うらしい そんなことはどうでもいいですね( ˇωˇ ) 今回はマテリアルデザインの中でもタッチした時に波紋が広がるタッチフィードバックボタンの実装方法を紹介いたします。 実装方法 マークアップはaタグで用意しております。 aタグを押した時に中にspanを追加してアニメーションを表現します。 <a href="#" class="button button-black js-effect">Touch</a> cssの設定 アニメーションの動きはcssのanimateで設定をします。 ボタン
縦罫線の作成（縦線を引く） / 【超初心者のホームページ作成】
このページはスタイルシートを使用しているので下記の記述方法とは異なる場合があります。 【記述サンプル】 【サンプル１】（テーブルを使用した単純な罫線） テーブルの背景色を指定し、幅を指定する。 縦線の長さはテーブルの高さで指定します。 <table style="height: 150px; width: 1px; background-color: gray; border-collapse: collapse;"> <tr> <td></td> </tr> </table> 【サンプル２】（テーブルのセルを使用した罫線） セルの背景色を指定し、そのセル幅を指定する。 縦線の長さはテーブルの高さで指定します。 <table> <tr> <td>罫線の両側に文字が</td> <td style="width: 1px; height: 150px; background-color: bl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.xml.vc/kiso/!important.html
