why css borders not shown carefully?

Question

74 views Asked by daniel At 24 June 2015 at 11:45

i coded a arrow with css. the code

border-style: solid;
border-width: 0 0 25px 4px ;
border-color: transparent transparent transparent #cacaca;

The shot :

the slash line is not a smooth line.

whats your idea ?

There are 2 answers

**user3766844** · Answer 1 · 2015-06-24 11:50:38

user3766844 On 24 June 2015 at 11:50

Not sure why it would not be smooth, could be that you may need to specify the borders long hand.

e.g. border-top: 20px solid transparent

css tricks has a good article on css triangles

**Vaibs_Cool** · Answer 2 · 2015-06-24 11:52:51

Vaibs_Cool On 24 June 2015 at 11:52

Try this

border-top: 25px solid $pink;
border-right: 50px inset transparent;
border-left: 50px inset transparent;