[css]マウスオーãƒãƒ¼æ™‚ã«ç”»åƒé€éŽã‚’ã•ã›ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã‚’表ç¾ã™ã‚‹cssテクニック – devolencssã§ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼(ホãƒãƒ¼)時ã«ç”»åƒé€éŽã‚’ã•ã›ç°¡å˜ã«ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã‚’表ç¾ã™ã‚‹æ–¹æ³•ã€‚ éžå¸¸ã«ç°¡å˜ã«ç”»åƒã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã‚’表ç¾ãŒã§ãã‚‹ã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ ※上ã®ç”»åƒã¯è¨˜äº‹å†…容ã¨å…¨ã関係ã‚ã‚Šã¾ã›ã‚“m(__)m ã“ã®ãƒ–ãƒã‚°ã§ã‚‚ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼(ホãƒãƒ¼)時ã®è¡¨ç¾ã¨ã—ã¦ç”»åƒé€éŽã‚’ã•ã›ã¦ã„ã‚‹ã¾ã™ã€‚ 以下ã®ã‚µãƒ³ãƒ—ル画åƒã«ã€ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã—ã¦ã‚‚らãˆã‚Œã°å°‘ã—è–„ããªã£ã¦ã„ã‚‹ã®ãŒåˆ†ã‹ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ ãã®é€éŽå‡¦ç†ã®æ–¹æ³•ãªã‚“ã§ã™ãŒéžå¸¸ã«ç°¡å˜ã§ã™ã€‚ ■以下CSSã§ã®ç”»åƒé€éŽã®æ–¹æ³•ã€‚ ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼æ™‚ã«ç”»åƒé€éŽã‚’ã—ãŸã„「imgã€ã«ä»¥ä¸‹ã®CSSを記述ã—ã¦ãã ã•ã„。 div#hoge a:hover img { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #fff; } â– ãƒã‚¤ãƒ³ãƒˆ â– filte
プãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã€€ã€€ç„¡æ–™ã‚µãƒ¼ãƒ“ス「Preloaders.net〠- GIGAZINE
汎用性ã®é«˜ãã†ãªç„¡æ–™ã§é«˜å“質ã®ãƒ™ã‚¯ã‚¿ãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆé›† | コリス
フリーã®ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«çŸ¢å°ã‚¢ã‚¤ã‚³ãƒ³é›†:phpspot開発日誌
商用・éžå•†ç”¨ã§ä½¿ç”¨ã§ãるフリーã®å†™çœŸç´ æサイト集 | コリス
IDEA * IDEA
ç”»åƒã‚’角丸ã«ã—ãŸã‚Šå½±ã‚’付ã‘ãŸã‚Šã§ãる「Corner.jsã€
{{#tags}}- {{label}}
{{/tags}}