[CSS]テã‚ストã«é¢ç™½ã„エフェクトを与ãˆãŸãƒ‡ãƒ¢ã¨å®Ÿè£…ã®æ³¨æ„点Fun With Blurred Text デモページ [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ テã‚ストã«ãƒ–ラー効果を与ãˆã‚‹æ–¹æ³•ã¨æ³¨æ„点 テã‚ストã«ãƒ–ラー効果を与ãˆãŸãƒ‡ãƒ¢ テã‚ストã«ãƒ–ラー効果を与ãˆã‚‹æ–¹æ³•ã¨æ³¨æ„点 テã‚ストã«ã¼ã‚“ã‚„ã‚Šã¨ã•ã›ã‚‹ãƒ–ラー効果を与ãˆã‚‹ã®ã¯ã€ç°¡å˜ã§ã™ã€‚テã‚ストã®colorã‚’é€æ˜Žã«ã—ã€text-shadowを使用ã—ã¾ã™ã€‚ .blurry-text { color: transparent; text-shadow: 0 0 5px rgba(0,0,0,0.5); } ã—ã‹ã—ã€ã“ã®ã¾ã¾ã§ã¯å±é™ºã§ã™ã€‚colorã«ã¯å¯¾å¿œã—ã¦ã„ã¦ã€text-shadowã«ã¯å¯¾å¿œã—ã¦ã„ãªã„ブラウザã§ã¯ã€ä½•ã‚‚見ãˆãªã„状態ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ã“れを解決ã™ã‚‹ã«ã¯ã€ã€Œmodernizrã€ã‚’使用ã—ã¦ã€å¯¾å¿œãƒ–ラウザã‹ã©ã†ã‹ç¢ºèªã—ã¦é©ç”¨ã—ã¾ã™ã€‚ .textshadow .blurry-t
{{#tags}}- {{label}}
{{/tags}}