[JS]ãƒã‚¤ãƒ©ã‚¤ãƒˆã®ã‚¨ãƒªã‚¢ã‚’マウスã«åˆã‚ã›ã¦ç§»å‹•ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—トGoogle Chromeã®ã‚¿ãƒ–ã®ã‚ˆã†ã«ã€ç¹Šç´°ãªãƒã‚¤ãƒ©ã‚¤ãƒˆã®ã‚¨ãƒªã‚¢ã‚’マウスã«åˆã‚ã›ã¦ç§»å‹•ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ タブã®å®Ÿè£… ã¾ãšã¯ã€ã‚¿ãƒ–ã®å®Ÿè£…ã‹ã‚‰ã€‚ タブã®å®Ÿè£…ã¯ã‚·ãƒ³ãƒ—ルã§ã™ã€‚ HTML タブã¯ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ <ul class="nav clearfix"> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li class="active"><a href="#">Clients</a></li> <li><a href="#">Contact Us</a></li> </ul> CSS CSSもシンプルã«å®Ÿè£…ã—ã¾ã™ã€‚ .nav { list-style: none; border-bottom: 1px solid #a0a0a0; padding: 10px 10px 0 10px; } .
IE9+ãªã‚‰ã‚¹ã‚¯ãƒªãƒ—ト無ã—ã§ã€ã‚¿ãƒ–やカルーセルãªã©ã•ã¾ã–ã¾ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§å®Ÿè£…ã§ãã‚‹ -Pure CSS Components
[CSS]ナイスアイデアï¼äºŒã¤ã®ç¹‹ãŒã‚‹è¦ç´ を一ã¤ã®ãƒ‰ãƒãƒƒãƒ—シャドウã§å‡¦ç†ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ã•ã‚Šã’ãªã„アニメーションãŒã„ã„æ„Ÿã˜ã€HTML/CSSã§ã‚·ãƒ³ãƒ—ルã«å®Ÿè£…ã™ã‚‹ã‚¿ãƒ–コンテンツ
シンプルã§æ±Žç”¨æ€§ã«å„ªã‚ŒãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã‚¿ãƒ–コンテンツ -Basic Tabs
[CSS]タブコンテンツã«CSS3アニメーションを少ã—ã ã‘åŠ ãˆã¦ã‹ã£ã“よãã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
{{#tags}}- {{label}}
{{/tags}}