[CSS]æ°´å¹³ã«é…ç½®ã—ãŸã‚»ã‚¯ã‚·ãƒ§ãƒ³ã‚’分ã‘るスタイルã®ã•ã¾ã–ã¾ãªç´ 敵ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯1ページã«è¤‡æ•°ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã‚’æ°´å¹³ã«é…ç½®ã—ãŸéš›ã«ã€ãれらã®åŒºåˆ‡ã‚Šã¨ãªã‚‹ã•ã¾ã–ã¾ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ 縦長ã®1ページã§æ§‹æˆã•ã‚ŒãŸãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã‚µã‚¤ãƒˆã‚„ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªãªã©ã§è¦‹ã‹ã‘ã‚‹ã‚‚ã®ã ã‘ã§ãªãã€ã“ã‚“ãªã“ã¨ã‚‚ã§ãã‚‹ã®ã‹ã¨ã‚¢ã‚¤ãƒ‡ã‚¢ãŒç´ 晴らã—ã„ã‚‚ã®ã‚‚ãŸãã•ã‚“ï¼ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ å„デモã¨å…±ã«ãã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ ã¾ãšã¯HTMLã‹ã‚‰ã€‚基本ã¨ãªã‚‹ã®ã¯ã€2パターンã§ã™ã€‚ 1ã¤ç›®ã¯ã€sectionè¦ç´ ã«classã‚’ã¤ã‘ã‚‹ã ã‘。 <section class="ss-style-hogehoge"> コンテンツ </section> 2ã¤ç›®ã¯ã€svgè¦ç´ を使用ã—ã¾ã™ã€‚ <section> コンテンツ </section> <svg id="hoge"> SVGã®ä¸èº« </svg> sctionã ã‘ã®å ´åˆã¯classã€svgを使用ã™ã‚‹ã‚‚ã®ã¯idã«ãªã£ã¦ã„ã¾ã™ã€‚ 以下ã€å„デモã¨ãã®ã‚¹ã‚¿ã‚¤ãƒ«ã§ã™ã€‚ HTML/C
JavaScript/CSSを使ã£ã¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ã‚ˆã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’実ç¾Â·skrollr MOONGIFT
CSS Frameworkã‚’æŒã¤ - ゆーã™ã‘ã¹ãƒ¼æ—¥è¨˜
Loading...
{{#tags}}- {{label}}
{{/tags}}