退職は損切りかリスクか。Next.js超入門」のソースがfirebaseのバージョンのせいで動かないので、なんとかするFontAwesomeでSNSのロゴを手に入れようWEBページの余白が消えない!?そんな時はリセットCSSの出番だ【codyhouse】ページスクロールエフェクトを実装したい【オシャレ】FontAwesomeにlinkをつけるCSSの優先順位!!どのセレクタが最強なのかJINテーマの記事内の文字サイズをstyle.cssをいじって修正する不意にCSSだけでおしゃれなボタンを作りたくなったら背景CSSでおしゃれなボタンを作るあとがき真似ぶは学ぶ。in不意にCSSだけでおしゃれなボタンを作りたくなることありますよね。↑こんな感じのやつ一口におしゃれといっても色々あるし、好みが分かれると思うので、サンプルを探す実装するの2段階に分けておしゃれなボタンを作る過程をみる。背景これまで僕のブログでは、Amazonリンクなどは以下のように画像をペタッと貼るだけだった。USB-TTLシリアルコンソールのUSB変換COMケーブルモジュールのケーブルまあ正直かなりわかりにくい。したら楽天経済圏にお住いの方もいるかもしれないし。そこできちんとAmazonと楽天のリンクのボタンを作ろうと思ったわけだ。ボタンを設置するだけでは面白くないので、ちょっと可愛いホバーエフェクトをのっけてみよう。ホバーエフェクト」みたいに検索すると、ソースコードやサンプルのあるサイトがいくらでも見つかる。Effectsで紹介されている、Pulseが気に入ったので、これを実装することにする。CodePen.実装するお気に入りのエフェクトが見つかってそのソースコードがあれば、あとは自分のサイトなり、ブログなりの構造にあったように手を加える。CodePen.CSSなんて1億と2千年ぶりに書いたので、あまり参考にならないかもしれないが、ソースコードも一応載せておく。}}CopyCopied!そして出来上がったのが以下のようなリンクだ。可愛いボタンになったのではなかろうか。あとがき最近、CSSなんて触ることがなかったので、これだけの内容で以外と時間がかかった。それでもボタンを設置前と後では完全に見た目がかわった。今後も何かにつけ、CSSいじってみよう。PreviousJINテーマの記事内の文字サイズをstyle.cssをいじって修正するNext真似ぶは学ぶ。