これがやりたくて、ひそかに研究していました。↓のボタンにマウスを乗せてみてください。こっちは、さりげなくアニメーションしているパターンです。見ないとわかりませんよ。HTMLAタグでマークアップしています。キーフレームアニメーションで動かします。わかりやすくするために、ベンダープレフィックスは付けていません。実際のものが欲しい方は、記事の最後からダウンロードしてください。}}Aの部分でリングの中心を指定していますので、ボタンのサイズを変更する場合は、注意してください。いうサイトを開いて、ページ下に注目してください。こんな感じで、さりげなく重要な部分などに、ユーザーの注意を引くのに使えますね。↓みたいな丸いサムネイルで、エフェクトとして使っても面白いかもしれません。使って円形のサムネイルを作る方法2つ」を参考にしてみてください。ダウンロードデモ一式をダウンロードできます。時間があれば、自分のパソコンにダウンロードして、いろいろ実験してみてください。Tweetnambaど田舎でプログラマーとかWebデザイナーとかやりながらWebサービスを作る人。PHP、jQueryなどの技術系の記事担当してます。がんばって記事を書くので、リアクションしてくれると嬉しいです。スマートフォンスマートフォンからも最新のロケットをチェックできます。同じURLからアクセスできます。記事をチェック基本、毎日記事を書いています。よかったらチェックしてください。素材を最大限に活かすデザインアイデア50。