あるサイトでhoverするとリンクボタンが無限に揺れるので、数回で止まるのを作成。

吹き出し バブル 付箋 四角いカラフル 丸いカラフル cssだけで使える可愛いアコーディオンメニューを作りました。 css書くより、デザイン考える方が私には難易度が高いです……。

cssオンリーの最低限だけ記載したアコーディオンメニュー

DIVなどの角を丸めます。 ボタンなどに使うと柔らかい印象になりますよね。

そういえば、スマホでのhoverってどうなっているんだろうと。

テキスト(インライン要素)を水平の中央に(text-align) テキスト(インライン要素)を垂直の中央に(vertical-align) ブロック要素を水平の中央に(margin) ブロック要素を垂直の中央に(transform) ブロック要素を中央に(margin) ブロック要素を中央に(grid)

モーダルやメニューを開いたときにつられて下の要素までスクロールしないようにします。

見た目を整える 見た目を整える 「回す」をボタンらしく 材料部分の改行を有効に 見た目を整える 完成 「回す」をボタンらしく 青くしてリンクらしく styleタグ内 #slot{ text-decoration : underline;/*下線を付ける*/ text-decoration-thickness: 1px;/*下…