How to Css inner box shadow?

Question

I am using thse box

Border radius

.box{
width:200px;
height:200px;
background-color:blue;
box-shadow:-20px 0px red;
}

<html>
    <head><head>
    <body>
        <div class="box">
   </div>
    </body>
</html>

how can solve this?????

The first step to answering any syntax question should be checking [documentation](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow) — DBS, Nov 29 '21 at 14:18

score 1 · Answer 1 · answered Nov 29 '21 at 14:16

1

Create an innner box shadow using CSS like this....

box-shadow: inset 0px 0px 5px red;

Notice how the word inset is the only difference from a normal box shadow.

answered Nov 29 '21 at 14:16

score 1 · Answer 2 · answered Nov 29 '21 at 14:16

1

Use box-shadow: inset apx bpx cpx color;.

.box{
width:200px;
height:200px;
background-color:blue;
box-shadow: inset 0px 0px 20px red;
}

<html>
    <head><head>
    <body>
        <div class="box">
   </div>
    </body>
</html>

answered Nov 29 '21 at 14:16

Sato Takeru

score 0 · Answer 3 · answered Nov 29 '21 at 14:31

0

Using box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);

know more than click

answered Nov 29 '21 at 14:31

coo zera

3 Answers3