0

I want to design a pointed tab in my web page, like the one below

(it is in espncricinfo.com)

Another user has referred me the link, Transparent arrow/triangle

But I couldnt understand , how that triangle is exactly getting created? Which code is actually creating it?

enter image description here

I want to do it by own in css. I don't want to make use of bootstrap or semantic css, which are readily available. Kindly let me know the trick to design this segment.

Community
  • 1
  • 1
sabari
  • 2,595
  • 5
  • 28
  • 44
  • Have you tried anything? – ketan Dec 15 '15 at 06:01
  • 1
    Closed as a dupe (even though the linked question is about transparent arrow on top of an image) because the same approach can be used here also. – Harry Dec 15 '15 at 06:02
  • @ketan Yes i tried. But I couldnt understand where is the exact code line in the link referenced (in the question below), that creates triangle. – sabari Dec 15 '15 at 07:44

0 Answers0