CSS3単体で動く垂直アコーディオンを:targetで実装チュートリアル

2012年02月20日-

スポンサード リンク

[PR]　英単語を忘却曲線アプリを使って超効率よく記憶する方法

How to Create a CSS3-Only Vertical Accordion Using the :target Selector SitePoint

CSS3単体で動く垂直アコーディオンを:targetで実装チュートリアル。
次のようなアコーディオンをCSS3単体で動かすためのチュートリアルが公開されています。
なんと、ブラウザの戻るボタンで戻ってもページ移動できちゃうというものになっています。
ちょっと勉強しないといつの間にこんなことになってるの、と絶叫してしまいますね。



CSS3さん、まだまだ本気出してないですね。

関連エントリ

●CSS3で画像レスなソーシャルサイト連携ボタンサンプル集﹁Zocial﹂ 

●CSS3で画像を分割スライドする超クールなパネル実装例 

●CSS3のプロパティやサンプルを調べるのに便利な﹁CSS3 Click Chart﹂ 


関連の記事検索‥CSS3, CSS, アコーディオン, Webデザイン

スポンサード リンク

By.KJ : 2012年02月20日 09:54

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)

忘却曲線に基づく記憶アプリ「reminDO」

占いツクールで簡単占い作成 プログラマ占い 脳内メーカー等

phpspotにて広告掲載

Twitterはじめました

最新のブログ記事(新着順)

• SVG形式のテック系企業のロゴを簡単にゲットできる「Svgl」
• 統一感のある色味を一括生成できるツール「The good colors」
• くちばしフォント【商用可】
• 小説表紙などに使えそうな商用可なフォント「になロマン」
• 筆で書いたようなカナ書体「筆竹仮名B」
• 無料・商用利用可な丸文字ピクセルフォント「マルミーニャＭ」
• スペースコブラ風フォント
• Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
• 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
• CSSのみで実装された５００種類のローディングアニメーション「CSS Loaders」
• 過去のエントリ