CSS3 vs. Photoshop: Rounded Corners and Box Shadows | Envato Tuts+
This tutorial will demonstrate how to create a nice, simple navigation bar using several combined CSS3 styles. We're aiming for a look and feel that in the past could only be created by combining several images, JavaScript and several divs. Let's get it started… Note: all the following examples were tested on Mozilla Firefox, Safari and Chrome. If you want to get something similar in IE or any oth
[CSS]ã™ãã«åˆ©ç”¨ã§ãã‚‹ã€ç¾Žã—ã„ボックスシャドウã¨è§’丸ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚
一昔å‰ã¯Photoshopを使用ã—ãªã„ã¨ä½œæˆã§ããªã‹ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’CSS3ã§å®Ÿè£…ã™ã‚‹ã‚·ãƒªãƒ¼ã‚ºã®ãƒŠãƒ“ゲーション編ã‹ã‚‰ã€ã™ãã«åˆ©ç”¨ã§ãるボックスシャドウã¨è§’丸ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’紹介ã—ã¾ã™ã€‚ CSS3 vs. Photoshop: Rounded Corners and Box Shadows [ad#ad-2] 下記ã¯ã€ãã®ä¸ã‹ã‚‰ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã¨è§’丸ã«é–¢ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ピックアップã—ãŸã‚‚ã®ã§ã™ã€‚ ボックスシャドウ -box-shadow 角丸 -border-radius 対応ブラウザ ボックスシャドウ -box-shadow HTMLã¯sectionè¦ç´ を使用ã—ã¦ã„ã¾ã™ãŒã€ã“ã‚Œã¯divè¦ç´ ãªã©ã§ã‚‚ãã®ã¾ã¾åˆ©ç”¨ã§ãã¾ã™ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}