CSSのみでアコーディオン。先走りだけど-webkit-transition-delay使えるとゆっくり動くとか実装できそう

fujimogn のブックマーク 2008/12/24 14:49

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/11375130/comment/fujimogn" data-user-id="fujimogn" data-entry-url="https://b.hatena.ne.jp/entry/s/cssdeck.com/blog/advanced-css-accordion-effect/" data-original-href="https://cssdeck.com/blog/advanced-css-accordion-effect/" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcssdeck.com%2Fblog%2Fadvanced-css-accordion-effect%2F" data-user-icon="/users/fujimogn/profile.png">Advanced CSS Accordion Effect - CSS Reset</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/ui">ui</a>]</li></ul><br><p style="clear: left">CSSのみでアコーディオン。先走りだけど-webkit-transition-delay使えるとゆっくり動くとか実装できそう</p><a class="datetime" href="https://b.hatena.ne.jp/fujimogn/20081224#bookmark-11375130"><span class="datetime-body">2008/12/24 14:49</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

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

Advanced CSS Accordion Effect - CSS Reset

cssdeck.com2008/12/20

A while back, I wrote an article demonstrating how the popular “accordion” effect (as in the image above) could be replicated with nothing more than CSS. There was one caveat, however: the techniqu...

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

他のコメントを読む

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

はてなブックマーク

Advanced CSS Accordion Effect - CSS Reset

はてなブックマーク

公式Twitter

はてなのサービス