CSS3 Transitionsを使用して、ホバー時に繊細なアニメーションを与えるスタイルシート

CSS3

gonta02 のブックマーク 2010/11/18 12:30

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/26618544/comment/gonta02" data-user-id="gonta02" data-entry-url="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/understanding-css3-transitions.html" data-original-href="https://coliss.com/articles/build-websites/operation/css/understanding-css3-transitions.html" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2Funderstanding-css3-transitions.html" data-user-icon="/users/gonta02/profile.png">[CSS]CSS3 Transitionsを使用して、ホバー時に繊細なアニメーションを与えるスタイルシート</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/CSS3">CSS3</a>]</li></ul><br><p style="clear: left">CSS3 Transitionsを使用して、ホバー時に繊細なアニメーションを与えるスタイルシート</p><a class="datetime" href="https://b.hatena.ne.jp/gonta02/20101118#bookmark-26618544"><span class="datetime-body">2010/11/18 12:30</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

[CSS]CSS3 Transitionsを使用して、ホバー時に繊細なアニメーションを与えるスタイルシート

coliss.com2010/11/18

a要素に余白をpaddingで設定し、カラーを指定します。 a.foo { padding: 5px 10px; background: #9c3; } a.foo:hover { background: #690; } [ad#ad-2] 繊細なアニメーションを与えるスタイルシート CSS3 Transit...

99 人がブックマーク・8 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

[CSS]CSS3 Transitionsを使用して、ホバー時に繊細なアニメーションを与えるスタイルシート

はてなブックマーク

公式Twitter

はてなのサービス