用途
新着
履歴
分類

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をつけると内側に影がつきます。

公開 2019-08-05 23:06:06
更新 2022-01-31 01:46:00
このページの二次元コード
CSS3 陰影

人気のサンプル

search -  category -  about
© 2024 kipure
Top