css3 radius shadow

2014年3月18日

ボックスを角丸にし、更に影を付ける場合。
今後はベンダープレフィックスは要らなくなるだろう。
しかもかなり近い将来。

.text-box
{
border: 1px solid #776559;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-o-border-radius: 15px;
box-shadow: 0 0 5px rgba(0,0,0,0.75);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.75);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.75);
-o-box-shadow: 0 0 5px rgba(0,0,0,0.75);
}

参考サイト:http://delaymania.com/201208/web/vendor_prefixed_none/

PAGE TOP