定番
履歴

CSS3 陰影

CSS3 陰影

外側に影をつける

       box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
   -moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
-webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
     -o-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
    -ms-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);

内側に影をつける

        box-shadow: 10px 10px 10px rgba(0,0,0,0.4) inset;
   -moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.4) inset;
-webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.4) inset;
     -o-box-shadow: 10px 10px 10px rgba(0,0,0,0.4) inset;
    -ms-box-shadow: 10px 10px 10px rgba(0,0,0,0.4) inset;

横方向の距離、縦方向の距離、影までの距離、影の広がりの距離、影の色、insetをつけると内側。

2016-02-08 01:40:18
このページの二次元コード

関連するサンプル

人気記事ランキング

© 2018 kipure
Top