Forums

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

Home › Forums › Other › Corner Tab – CSS Tricks

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 18, 2010 at 2:37 pm #31041
    jacobito
    Member

    So I absolutely love this site (CSS-Tricks)… HTML 5 awesomeness! I’m not seeing any background images what so ever. My question is, how is that corner tab displaying in the upper left hand corner? I don’t know why I let little things bother me like this, but it is. Help me understand.

    December 18, 2010 at 4:51 pm #69467
    clokey2k
    Participant

    He uses the CSS-Triangle trick, and uses ::before psuedo element to add, and rotate, to any ‘article’ or ‘.turned-corner’ elements.

    It took me a while to work the triangle trick out. If after reading the article it doesn’t make sense imagine the triangles point being the centre of a box with no bottom border, a coloured border across the top, and 2 transparent borders on the left and right.

    December 19, 2010 at 9:41 pm #69419
    jacobito
    Member

    Awesome, thanks for the response!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Other’ is closed to new topics and replies.