The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Triangle shape in the menu Re: Triangle shape in the menu


You probably have an older version of Chrome at the moment, most recent version should work. However you can add this rule before the existing transform rule: `-webkit-transform:rotate(145deg) skew(20deg);` ie. basically duplicate the real transform rule.

You can make things slightly easier to understand by removing z-index from the pseudo element and also by setting it’s background to red or other color that makes it easier to see where the element is. Playing around is the best way to learn :)