ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
CSS3ã®å„プãƒãƒ‘ティã®å€¤ã‚’å°‘ã—ãšã¤å¤‰ãˆãŸè¦‹æ „ãˆãŒæ¯”較ã§ãるオンラインサービス -i2Style
角丸やボックスシャドウãªã©ã€CSS3ã‚’ã¯ã˜ã‚ã¨ã™ã‚‹å„プãƒãƒ‘ティã®å°‘ã—ãšã¤ç•°ãªã‚‹å€¤ã®è¦‹æ „ãˆã‚’ブラウザã§æ¯”較・確èªã—ãªãŒã‚‰ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’生æˆã§ãるオンラインサービス紹介ã—ã¾ã™ã€‚ i2Style [ad#ad-2] 上記ã‚ャプãƒãƒ£ã¯ã€èƒŒæ™¯è‰²ï¼ˆbackground-color）ã®å€¤ã‚’å°‘ã—ãšã¤å¤‰ãˆä¸€è¦§ã«ã—ãŸã‚‚ã®ã§ã€ä»–ã«ã‚‚多ãã®ãƒ—ãƒãƒ‘ティã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚
[CSS]ホãƒãƒ¼æ™‚ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’自分以外ã®è¦ç´ ã«ã‚‚é©ç”¨ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ホãƒãƒ¼æ™‚ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’実際ã«ãƒ›ãƒãƒ¼ã•ã‚Œã¦ã„るエレメント以外ã«ã‚‚é©ç”¨ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ 下記ã‚ャプãƒãƒ£ã®ãƒ‡ãƒ¢ã§ã¯ã€ãƒ›ãƒãƒ¼æ™‚ã«ä¸é€æ˜Žåº¦ã‚’3種類é©ç”¨ã—ã¦ã„ã¾ã™ã€‚ Hover on "Everything But" デモページ [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ エレメントã«ãƒ›ãƒãƒ¼æ™‚ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’与ãˆã‚‹ã“ã¨ã¯ç°¡å˜ã§ã™ã€‚ ã“ã“ã§ã¯ã€ãƒ›ãƒãƒ¼æ™‚ã«ä¸é€æ˜Žåº¦ãŒå¤‰åŒ–ã™ã‚‹ã‚‚ã®ã‚’例ã«ã—ã¦ã¿ã¾ã™ã€‚ div { opacity: 1.0; } div:hover { opacity: 0.5; } ã“ã‚Œã§ã€ãƒ›ãƒãƒ¼æ™‚ã«ä¸é€æ˜Žåº¦ãŒ0.5ã«ãªã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã“ã¾ã§ã¯ç°¡å˜ã§ã™ãŒã€ãƒ›ãƒãƒ¼æ™‚ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’実際ã«ãƒ›ãƒãƒ¼ã•ã‚Œã¦ã„るエレメント以外ã«ã‚‚é©ç”¨ã™ã‚‹ã«ã¯ã€ã©ã†ã—ãŸã‚‰ã‚ˆã„ã§ã—ょã†ã‹ï¼Ÿã€€ä¾‹ãˆã°éš£æŽ¥ã—ãŸå…„弟ã®divè¦ç´ ãªã©ã«ã€‚ ã¾ãšã¯ã€HTMLã®åŸºæœ¬çš„ãªä¾‹ã‚’見ã¦ãã ã•ã„。
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}