[CSS]スタイルシートã®ã™ã”技ã€ã‚¹ãƒ ーズã«å›žè»¢ã™ã‚‹ã‚³ãƒ¼ãƒ©ã®ç©ºã缶テクスãƒãƒ£ã‚’スクãƒãƒ¼ãƒ«ã«åˆã‚ã›ã¦ç§»å‹•ã•ã›ã‚‹ã€Œdisplacement mapsã€ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’使用ã—ãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’Román Cortésã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Pure CSS Coke Can 「displacement ã€ã¯ç§»å‹•ã€è»¢ç½®ã€ç½®ãæ›ãˆã€ã¨ã„ã£ãŸæ„味ã§ã€CSS1ã®background-attachmentã¨background-positionを利用ã—ã¦ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ™‚ã«ç”»åƒã®ç•°ãªã‚‹éƒ¨åˆ†ã‚’表示ã•ã›ã¦ã„ã¾ã™ã€‚ 当åˆã¯ã‚³ãƒ¼ãƒ‰ã®è¤‡é›‘ã•ã¨å·¨å¤§ã•ã§ã‚µã‚¤ã‚ºãŒè‚¥å¤§åŒ–ã™ã‚‹ã ã‚ã†ã¨æ€ã‚ã‚Œã¦ã„ã¾ã—ãŸãŒã€5KB以下ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…ã§ããŸãã†ã§ã™ã€‚ 対応ブラウザã¯IE8, Fx3.5, Op10, Safari4, Chrome3ã§å‹•ä½œãƒ†ã‚¹ãƒˆã‚’ã—ãŸã¨ã®ã“ã¨ã§ã™ã€‚
cssã®æƒ…å ±ãƒ»ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
CSSã¨jQueryã§å®Ÿè£…ã™ã‚‹ã‚¿ãƒ–コンテンツ – creamu
IBM Developer
{{#tags}}- {{label}}
{{/tags}}