コンテンツ間ã®åŒºåˆ‡ã‚Šã‚„エレメントã«æ–œã‚ã®ãƒ©ã‚¤ãƒ³ã‚’使ã£ãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚’与ãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ Slopy Elements with CSS3 [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ デモ 実装 デモ æ–œã‚ã®ãƒ©ã‚¤ãƒ³ã¯CSS3ã§å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€Chrome, Safari, Firefox, IE9ã§ã”覧ãã ã•ã„。 demo 1 実装ã®ãƒã‚¤ãƒ³ãƒˆ コンテンツ自身ã¯å›žè»¢ã•ã›ãšã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãƒ©ãƒƒãƒ‘ーを回転ã•ã›ã¾ã™ã€‚ 回転ã•ã›ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯è¡¨ç¤ºé ˜åŸŸã‹ã‚‰ã¯ã¿å‡ºã™éƒ¨åˆ†ã‚‚ã‚ã‚‹ã®ã§ã€ä½™å‰°åˆ†ã®å‡¦ç†ã‚‚忘れãšã«ã€‚ HTML 見出ã—ã¨ãƒ†ã‚ストをå«ã‚€å€‹ã€…ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯articleè¦ç´ ã§å®Ÿè£…ã—ã€ãã®ãƒ©ãƒƒãƒ‘ーã¨ã—ã¦divè¦ç´ ã‚’è¨ç½®ã—classã«ã€Œse-slopeã€ã‚’与ãˆã¾ã™ã€‚ <section class="se-container"> <div class="se-slop
{{#tags}}- {{label}}
{{/tags}}