今回はWordPressテーマ「AFFINGER5」風のキラッと光るボタンをCSSだけで作る方法を紹介します。 他にもいくつかパターンを用意したので、気に入ったのがあったら持って帰ってください。コピペ自由です。 光るボタンのCSSコード先にコードだけ載せておきます。 作り方の解説は後述します。 色などのカスタマイズに関してはCSSコードにコメントを残しておくので参考にしてください。 ボタン風のデザインシンプルで厚みのあるボタン風のデザインです。色々なサイトで見かけますね。 ここにテキスト <a href="リンク先のURL" class="shiny-btn1">ここにテキスト</a>.shiny-btn1 { display: block; position: relative; width: 80%;/*ボタンの幅*/ padding: 10px 0; margin: 30px aut
![【クリック率が上がる!】AFFINGER風の光るボタンをCSSだけで作る方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/fe4e3804837eb47bc217df011a211b448578d327/height=288;version=1;width=512/https%3A%2F%2Fdezanari.com%2Fwp-content%2Fuploads%2F2019%2F05%2F73229b3220fdaa54e9f00bd3f992b91d.jpg)