Applying CSS rounded corners to gradients???

[TheSilverSnake]

.featured .content-wrapper {

background-color: #7ac0da;

background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);

background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);

background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));

background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);

background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);

color: #3e5667;

padding: 20px 40px 30px 40px;

I want to apply rounded corners to the top two corners of this gradient, How do I do it? I have tried border-radius it does not seem to work.

[Jeager]

http://codepen.io/pen/11169/2

[rikok30]

just add this line

border-top-left-radius:5px;

border-top-right-radius:5px;

selintas.info.

[TheSilverSnake]

Thanks allot guys don’t know what I was doing wrong

[MikeWebmasterHughes]

Magic, Thanks

[Author]

Posts