[CSS]é€éŽç”»åƒã‚’使用ã—ã¦å¹»æƒ³çš„ãªèƒŒæ™¯ã‚’ã¤ãã‚Šã ã™ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚¹ã‚¯ãƒãƒ¼ãƒ«å¾Œ 仕組ã¿ã¯ã€é€éŽPNGç”»åƒã‚’固定é…ç½®ã—ã€ãƒ¬ãƒƒãƒ‰ã‹ã‚‰ãƒ–ラックã¸ã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ç”»åƒãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã‚Œã‚‹ã¨ã€ãƒ–ラックã«ãªã£ãŸæ™‚点ã§çµµæŸ„ãŒæµ®ã上ãŒã‚‹ã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚ グラデーション画åƒã¯ã€Œgradient-tile.jpgã€ã‚’使用ã—ã¦ã„ã¾ã™ã€‚ IE6ã§ã¯é€éŽPNGç”»åƒã®èƒŒæ™¯ãŒå›ºå®šé…ç½®ã§ç¹°ã‚Šè¿”ã™ã“ã¨ãŒã§ããªã„ãŸã‚ã€ã‚·ãƒ³ãƒ—ルãªè§£æ±ºæ–¹æ³•ã¨ã—ã¦é€éŽPNGç”»åƒã®èƒŒæ™¯ã‚’éžè¡¨ç¤ºã«ã—ã¦ã„ã¾ã™ã€‚ スタイルシートもシンプルã§ã™ã€‚ <textarea name="code" class="css" cols="60" rows="5"> * html #wrapper {background-image: none;} </textarea>
é€éŽPNG/GIFç”»åƒã‚’大幅ã«è»½é‡åŒ–ï¼SVGç”»åƒã«å¤‰æ›ã™ã‚‹ç„¡æ–™ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ス -ZorroSVG
é€éŽæ€§ã‚’ウェブデザインã«å–り入れる方法
[JS]åŠé€æ˜Žã‚„フラットã®ã‹ã£ã“ã„ã„パãƒãƒ«ã‚’ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Amaran JS
使ã„å‹æ‰‹ã®ã‚ˆã„繊細ãªãƒ‘ターンã®é€éŽãƒ†ã‚¯ã‚¹ãƒãƒ£ç´ æを探ã™æ™‚ã¯ã“ã“ãŒä¾¿åˆ©ï¼ -Transparent Textures
[CSS]アイデアãŒé¢ç™½ã„ï¼ç”»åƒã«ç¾Žã—ã„ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚’åŠ ãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
{{#tags}}- {{label}}
{{/tags}}