Home/ Questions/Q 7729821
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T06:04:05+00:00

I am trying to make the css curve box with gradient and shadow as

  • 0

I am trying to make the css curve box with gradient and shadow as well as.
so how i can make with pure css and it should be only in one div not much code.

For reference see the attached image:-

enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    you just make is border-radius as like this

    Css

    div {
width:200px;
margin:auto;
margin-top:20px;
height:200px;
background:red;
border-radius:25px;
box-shadow: inset 0 0 15px rgba(68,68,68,0.8);;
position:relative;
}

div:beforae {
content:"";
position:absolute;
border-left:15px solid blue; 
border-right:15px solid green;
height:200px; 
border-radius:15px 0 0 15px;   
}
​

    HTML

    <div></div>​

    and now check to live demo http://jsfiddle.net/rohitazad/Vsvg2/74/

    • 0