Box arrows top side border radius

Question

I want to give border radius on top side of arrows. As per given attached image.

js fiddle link here

let me know

Please fix your links and consider reading how to create a [good example](https://stackoverflow.com/help/mcve). Then update your question so we can help you. — FChm, Mar 06 '19 at 07:23
I am new in stackoverflow. Now i have edited question and added fiddle link. — vijay Kaneriya, Mar 06 '19 at 07:46
check this method https://stackoverflow.com/a/47956145/8620333 you can easily add a border radius — Temani Afif, Mar 06 '19 at 08:06

score 0 · Accepted Answer · edited Mar 06 '19 at 14:33

https://jsfiddle.net/f6gqkodm/

Check this link I have updated .block-minicart:before styles to meet your needs

.minicart-wrapper .ui-dialog .block-minicart:before {
    top: -9px;
    right: 25px;
    border: 1px solid;
    border-color: #c1c1c1 #ffffff #ffffff #c1c1c1;
    z-index: 1;
    width: 17px;
    height: 17px;
    border-radius: 5px;
    transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    background: white;
}

Box arrows top side border radius

1 Answers1