Question

How to get angled corner like this in CSS, it’s not round?

I tried with for left side (Example) but it’s not giving the same effect

border-bottom-left-radius: 12px;
    border-top-left-radius: 3px;

Answer 1

This is a perfect page for your question – it explains in detail (with photos too) how to get different curves using different CSS, including one like your question’s pic:

http://www.css3.info/preview/rounded-border/

The one that looks most like yours (imo) is:

#Example_C {
    height: 65px;
    width:160px;
    -moz-border-radius-bottomright: 25px 50px;
    border-bottom-right-radius: 25px 50px;
}