ã€CSS3】文å—ã®è‰²ã‚’åŠåˆ†ã ã‘変ãˆã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ç”»åƒã‚’使用ã›ãšã« CSS ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã ã‘ã§æ–‡å—ã®è‰²ã‚’åŠåˆ†ã ã‘変ãˆã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ 言葉ã§ã®èª¬æ˜ŽãŒé›£ã—ã„ã®ã§ã€ã¾ãšã¯ã‚µãƒ³ãƒ—ルをã”覧ã«ãªã£ã¦ã„ãŸã ã„ãŸã»ã†ãŒæ—©ã„ã§ã—ょã†ã€‚ CSS3 Black & White : https://on-ze.com/demo/css3-black-white/ 上記ã®ã‚µãƒ³ãƒ—ルã§ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ´ã«ã‚‚対応。 ã™ã¹ã¦ã®ãƒ‡ãƒã‚¤ã‚¹ã§åŒã˜ã‚ˆã†ã«è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ã«æˆåŠŸã—ã¦ã„ã¾ã™ã€‚ HTML ã®è¨˜è¿° åŒã˜ãƒ†ã‚ストを２回記述ã™ã‚‹ã®ã§ã¯ãªãã€ã‚«ã‚¹ã‚¿ãƒ ãƒ‡ãƒ¼ã‚¿å±žæ€§ã‚’è¿½åŠ ã—ãŸã ã‘ã®éžå¸¸ã«ã‚·ãƒ³ãƒ—ルãªã‚³ãƒ¼ãƒ‰ã§ã™ã€‚ <p data-inverted="Black and White">Black and White</p> ã“ã“ã§ã¯ã‚«ã‚¹ã‚¿ãƒ データ属性ã¯ã€Ždata-invertedã€ã¨å付ã‘ã¦ã„ã¾ã™ã€‚ CSS ã®è¨˜è¿° 続ã„ã¦ã‚モã¨ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®è¨˜è¿°ã§ã™ã€‚ p:before { cont
CSS3ã®æ–°ä½“験ï¼ã‚³ãƒ”ペã§ãるテã‚ストエフェクト用HTMLスニペット30個ã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}