[CSS]CSS3アニメーションã§ãƒ–ラー効果をã‹ã£ã“よã使ã£ãŸãƒŠãƒ“ゲーションを実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¼´ã£ãŸãƒ†ã‚ストシャドウやåŠé€æ˜Žã‚’利用ã—ã¦ã€ãƒ–ラーã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’使ã£ãŸãƒŠãƒ“ゲーションを実装ã™ã‚‹CSS3ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ Blur Menu with CSS3 Transitions [ad#ad-2] 7ã¤ã®ãƒ‡ãƒ¢ 7ã¤ã®ãƒ‡ãƒ¢ã®å®Ÿè£… 7ã¤ã®ãƒ‡ãƒ¢ デモã¯7種類ã‚ã‚Šã€å…±é€šã™ã‚‹ã‚¢ã‚¤ãƒ‡ã‚¢ã¯ãƒ›ãƒãƒ¼ã—ã¦ã„る時ã«ä»–ã®ã‚¢ã‚¤ãƒ†ãƒ をブラーã§ã¼ã‚“ã‚„ã‚Šã¨ã•ã›ã€ãã®ã‚¢ã‚¤ãƒ†ãƒ 自体を強調ã™ã‚‹ã“ã¨ã§ã™ã€‚ デモページ 対応ブラウザã¯ã€Chrome, Safari, Firefox, Operaã§ã™ã€‚ IEã¯ã€IE9ã§ã¾ã テã‚ストシャドウやアニメーションã¯ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã›ã‚“。 7ã¤ã®ãƒ‡ãƒ¢ã®å®Ÿè£… HTML メニューã¯ã™ã¹ã¦ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã—ã¦ãŠã‚Šã€å›ºå®šå¹…を指定ã—ã¾ã™ã€‚ <ul class="bmenu"> <li><a href="#">About</a></li> <li><a href="#
IE9用ã®CSSãƒãƒƒã‚¯ï¼ŸWebページã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºæŒ‡å®šã§ä»Šå¾Œæ³¨æ„ã™ã‚‹äº‹
{{#tags}}- {{label}}
{{/tags}}