flutter box shadow only bottom code example

Example 1: box shadow flutter

new Container(
    height: 200.0,
    decoration: new BoxDecoration(
        boxShadow: [
          BoxShadow(
            color: Colors.red,
            blurRadius: 25.0, // soften the shadow
            spreadRadius: 5.0, //extend the shadow
            offset: Offset(
              15.0, // Move to right 10  horizontally
              15.0, // Move to bottom 10 Vertically
            ),
          )
        ],
    );
    child: new Text("Hello world"),
);

Example 2: css box shadow not on bottom

box-shadow: 0px -8px 10px lightgrey;

Example 3: css bottom shadow

box-shadow: 0px 15px 10px -15px #111;

Tags:

Css Example