少し発光しているような感じに見えるグロー(グローイング)デザインを適用したボタンのサンプルです。 このデザイン自体は以前からあったと思うのですが、最近DribbbleやBehanceといったデザインのインスピレーションサイトだったり、綺麗なUIデザインを紹介しているようなサイトでよく見かける感じがして、配置や組み合わせももちろん関係はあると思いますが、見た目が綺麗なものやかっこ良いと思うものが多かったので、幾つか再現してみたり思い付いたりしたものを作ってみました。 いずれも面倒な記述などなく簡易的なものばかりですが、もしこのまま使用したいという場合はコピペで実装できると思います。 共通のHTML・CSS 以下で紹介しているボタンスタイルは、全て下記のようなHTMLとベースとなるCSSが指定してあります。 .button { display: block; padding: 1em 3.2e
![CSSで実装するグローデザインのボタン - NxWorld](https://cdn-ak-scissors.b.st-hatena.com/image/square/97a59823e7b7c590608ce27e53b6fde910d9b93b/height=288;version=1;width=512/https%3A%2F%2Fwww.nxworld.net%2Fthumbnail%2Fcss-glowing-design-button.png)