一瞬だけハイライトする（37signalsのBasecampで使われている）エフェクトをCSS Animationsで再現する。

jitojito のブックマーク 2012/03/06 08:59

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/80388009/comment/jitojito" data-user-id="jitojito" data-entry-url="https://b.hatena.ne.jp/entry/s/snook.ca/archives/html_and_css/yellow-fade-technique-css-animations" data-original-href="https://snook.ca/archives/html_and_css/yellow-fade-technique-css-animations" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsnook.ca%2Farchives%2Fhtml_and_css%2Fyellow-fade-technique-css-animations" data-user-icon="/users/jitojito/profile.png">Yellow Fade Technique with CSS Animations</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><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/CSS3">CSS3</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/UI">UI</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%E3%82%A8%E3%83%95%E3%82%A7%E3%82%AF%E3%83%88">エフェクト</a>]</li></ul><br><p style="clear: left">一瞬だけハイライトする（37signalsのBasecampで使われている）エフェクトをCSS Animationsで再現する。</p><a class="datetime" href="https://b.hatena.ne.jp/jitojito/20120306#bookmark-80388009"><span class="datetime-body">2012/03/06 08:59</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

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

Yellow Fade Technique with CSS Animations

snook.ca2012/02/11

I don't think I'm the first person to come up with this idea but figured I'd document it. If you're unfamiliar with the Yellow Fade Technique, make your way over to the 37signals article that usher...

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

他のコメントを読む

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

はてなブックマーク

Yellow Fade Technique with CSS Animations

はてなブックマーク

公式Twitter

はてなのサービス