Element collections - Polymer
Polymer core elements Polymer's core elements are a set of visual and non-visual utility elements. They include elements for working with layout, user input, selection, and scaffolding apps. Paper elements Polymer's paper elements collection implements material design for the web. They're a set of highly visual, highly interactive elements that include things like controls, layouts, hero transitio
[CSS3]擬似è¦ç´ ã¨box-shadowを駆使ã—ãŸã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚³ãƒ„(サンプルコード付ã)
先日擬似è¦ç´ ã®ã¾ã¨ã‚を書ãã¾ã—ãŸãŒã€ç”¨é€”ã®èª¬æ˜Žã«ç•™ã¾ã‚Šä¸å®Œå…¨ç‡ƒç„¼ã ã£ãŸã®ã§â€¦ä»Šå›žãれを使ã£ãŸè¡¨ç¾ã®ã‚³ãƒ„ãªã‚“ã‹ã‚’çªãè©°ã‚ã¦ã¿ã¾ã—ãŸã€‚サンプルコード付ãã§ã™ãƒ¼ï¼â˜… 擬似è¦ç´ ã§å‡ºæ¥ã‚‹ã“ã¨ã‚’考ãˆã¦ã„ã¦ã€å…ˆæ—¥[CSS]擬似è¦ç´ ã®å®Ÿç”¨çš„ãªä½¿ç”¨ç”¨é€”ã®ã¾ã¨ã‚ – WEBCRE8.jpã¨ã„ã†ã¾ã¨ã‚を書ãã¾ã—ãŸãŒã€ã‚„ã£ã±ã‚Šè‡ªåˆ†ã§ä½œã£ãŸã‚Šã—ãŸã‹ã£ãŸã§ã™ï½— 今回ã¯å®Ÿéš›ã«æ“¬ä¼¼è¦ç´ ãªã©ã‚’使ã£ã¦CSSã®ã¿ã§ã©ã‚“ãªè¡¨ç¾ãŒå‡ºæ¥ã‚‹ã®ã‹ã€ã©ã“ãŒé›£ã—ã„ã®ã‹ã€ã©ã‚“ãªã“ã¨ãªã‚‰å‡ºæ¥ã‚‹ã®ã‹ã‚’掘り下ã’ã¦ã¿ã¾ã—ãŸã€‚ãã®éŽç¨‹ã§å‡ºæ¥ãŸã‚µãƒ³ãƒ—ルも公開ã—ã¾ã™ãƒ¼ã€‚ ã¾ãšã¯æž ç·šã®ä½œã‚Šæ–¹ã€‚é€šå¸¸æž ç·šã¯CSSã®borderプãƒãƒ‘ティを使ã„ã€å€¤ã«doubleã‚’è¨å®šã™ã‚‹äº‹ã§äºŒé‡ç·šãŒå‡ºæ¥ã¾ã™ã€‚ã“ã“ã§ã¯ãã‚Œã«ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¤ã‘る方法を解説ã—ã¾ã™ã€‚ デモ：box-shadowã«ã‚ˆã‚‹å®Ÿç·šã®ãƒœãƒ¼ãƒ€ãƒ¼ box-shadowã§å®Ÿç·šã‚’作れる borderã§æž ç·šã‚’ã¤ã‘ã‚‹ã¨ã“ã‚ã€
![[CSS3]擬似è¦ç´ ã¨box-shadowを駆使ã—ãŸã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚³ãƒ„(サンプルコード付ã)](https://cdn-ak-scissors.b.st-hatena.com/image/square/7d32ad08c42abf3adf6023a2cf5a9740723afbdb/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F02%2Fcss-design-sample-02-150x150.png)
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}