hoverでリンクに演出効果。transition で A要素にafterで色々かけて食べられる。background-imageをニョロンしてもいいかも。

kikai-taro のブックマーク 2014/10/09 15:18

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/231495965/comment/kikai-taro" data-user-id="kikai-taro" data-entry-url="https://b.hatena.ne.jp/entry/codepen.io/jstn/pen/zuDst" data-original-href="http://codepen.io/jstn/pen/zuDst" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fcodepen.io%2Fjstn%2Fpen%2FzuDst" data-user-icon="/users/kikai-taro/profile.png">Animated Underline Hover</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E4%BE%BF%E5%88%A9%E6%83%85%E5%A0%B1">便利情報</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/CSS">CSS</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%A3%E3%83%AC%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%B3">ウェブディレクション</a>]</li></ul><br><p style="clear: left">hoverでリンクに演出効果。transition で A要素にafterで色々かけて食べられる。background-imageをニョロンしてもいいかも。</p><a class="datetime" href="https://b.hatena.ne.jp/kikai-taro/20141009#bookmark-231495965"><span class="datetime-body">2014/10/09 15:18</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

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

Animated Underline Hover

codepen.io2014/10/09

About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could wri...

2 人がブックマーク・1 件のコメント

他のコメントを読む

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

はてなブックマーク

Animated Underline Hover

はてなブックマーク

公式Twitter

はてなのサービス