Photoshopã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«ã‚’CSS3ã«å¤‰æ›ã™ã‚‹ãƒ»ã€ŒCSS3Ps〠- ã‹ã¡ã³ã¨.netCSS3Psã¯ã€Photoshopã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«ã‚’CSS3ã«å¤‰æ›ã™ã‚‹ãƒ—ラグインã§ã™ã€‚Sassã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚ CSS3Ps
CSSã§ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ»ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦
pointer-eventsプãƒãƒ‘ティã§noneを指定ã™ã‚‹ã¨æœ€å‰é¢ã«ç½®ã„ãŸè¦ç´ を無視ã—ã¦æ™®é€šã«ãƒšãƒ¼ã‚¸æ“作ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ãªã®ã§ã€ãã†ã„ã†é¢¨ã«ã—ã¦ãŠã„ãŸè¦ç´ ã‚’opacityプãƒãƒ‘ティã§éžè¡¨ç¤ºã«ã—ã¦ãŠã‘ã°ã€æ™®æ®µã¯è¦‹ãˆãªã„ã‘ã©ç‰¹å®šã®æ“作ã§æœ€å‰é¢ã«é£›ã³å‡ºã™ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ»ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã¨ã‹ã‚‚ç°¡å˜ã«å‡ºæ¥ã¾ã™ã€‚pointer-eventsプãƒãƒ‘ティã£ã¦ã“ã†ã„ã†ä½¿ã„æ–¹ã™ã‚‹ãŸã‚ã«ã‚ã‚‹ã®ï¼Ÿ Demo: Pure CSS Modal Window .window { opacity: 0; pointer-events: none; } ã§ã€è¦‹ãˆãªã„・æ“作ã§ããªã„ウィンドウãŒä½œã‚Œã‚‹ã®ã§ã€:target擬似クラスã§è¡¨ç¤ºã®åˆ‡æ›¿ã‚’è¡Œãˆã°OKã§ã™ã€‚ .window:target { opacity: 1; pointer-events: auto; } ç°¡å˜ï¼ã€€ãƒ‡ãƒ¢ã®ã‚ˆã†ã«position: fixed;ã¨ã‹ã—ã¦ãŠãã¨ã‚ˆã‚Šã‚‰
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}