[CSS]ガラスã«å…‰ãŒã‚ãŸã£ãŸã‚ˆã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’アニメーションã§é©ç”¨ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆç”»åƒã‚’ホãƒãƒ¼ã™ã‚‹ã¨ã€ã‚¬ãƒ©ã‚¹ã«å…‰ãŒã‚ãŸã£ãŸã‚ˆã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’アニメーションã§é©ç”¨ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’紹介ã—ã¾ã™ã€‚ デモページ [ad#ad-2] 実装 HTML ç”»åƒã®imgè¦ç´ ã¨ã‚¨ãƒ•ã‚§ã‚¯ãƒˆç”¨ã®divè¦ç´ ã‚’divè¦ç´ ã§å†…包ã—ã¾ã™ã€‚ <div class="image_shine"> <img src="http://www.wordpressthemeshock.com/banners/banner_10_themeshock.jpg" /> <div class="hover_shine"></div> </div> CSS ã¾ãšã¯ã€ãƒ©ãƒƒãƒ‘ーã®divè¦ç´ ã®ã‚¹ã‚¿ã‚¤ãƒ«ã§ã™ã€‚ エフェクト用ã®divè¦ç´ 用ã®ã€Œposition: relative;ã€ãŒãƒã‚¤ãƒ³ãƒˆã§ã™ã€‚ .image_shine{ width: 200px; height: 200px; margin: 30px auto; posit
{{#tags}}- {{label}}
{{/tags}}