CSSでボタンをキラッとさせる | ゆんつてっく
WEBサイトには「ボタン」がつきものです。 別のページに移動するためのボタンやメッセージを送信するためのボタンなど、どんなWEBサイトでもたいてい1つか2つのボタンが設置されています。 ボタンはただ置いていてもそれほど目立ちません。 そして目立たないボタンはなかなかクリックをしてもらえません。 ですので影を付けて本当のボタンのように凹凸があるような見た目にするなど、見た目に趣向をこらしたボタンをよく目にします。 それ以外にもボタンを目立たせる方法の1つとしてボタンを「キラッ」と光らせるような仕掛けをしているサイトも良く見かけます。 マウスカーソルを乗せるとキラッとするボタン まずは基本的なマウスカーソルを乗せたらキラッとするボタンを作りたいと思います（下のボタンにマウスカーソルを乗せるとキラッとします）。 See the Pen shine1 by konpure (@yuntu) on
一人だけ格が違うトッププロが好きだ
一般人のレベルが1～40くらい、プロのレベルが80～100くらいの世界で、ただ一人だけレベル150くらいの化け物スコアを叩き出しているオーパーツレベルのトッププロが好きだ。 ただ一人抜き出ていることがポイントで、基本的にライバルなどいない孤高の存在。 F1ならセットでプロストの名前が挙がるセナではなく、全盛期のミハエル・シューマッハのイメージ。 全盛期の羽生さん（将棋）とか、全盛期のイチロー（野球）とか、コピペになるレベルの超人が好きだ。 そういう超人が存在する競技は珍しいし、存在する時代も限られている。 あと、そもそも一般人と普通のプロのレベルに大きな差がある競技だと、さらにポイントが高い。 一般人1～40／プロ80～100よりも、一般人1～10／プロ90～100の世界の方が超人の凄さが際立ってくる。 そもそもプロ選手自体が超人の集まりなのに、そこから更にワンランク上の存在ってめっちゃゾ
SVGのイメージマップでレスポンシブにも対応。Dreamewaverで効率的なイメージマップ作成
SVGのイメージマップでレスポンシブにも対応。Dreamewaverで効率的なイメージマップ作成 画像内の特定の箇所をクリック可能にするイメージマップ。ユーザーとして、誰もが一度は使用したことがあるのではないでしょうか。 しかし、開発する側にとっては、イメージマップのコードは直感的に記述・理解できるものではないという難点があります。 また、昨今は、レスポンシブデザインへの対応や、マウスオーバー時のアニメーション等、標準イメージマップでは対応できない要件を求められることも多くなりました。 そこで活躍するのが、Dreamweaver CCです。「Web標準対応の統合制作環境」と言われる通り、Dreamweaverはイメージマップを作成するのにも最も適したツールで、柔軟、かつ効率的に開発を行うことが可能です。 本記事ではDreamweaverの便利な機能を利用しつつ、まずmap・area要素を使
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
