Forums

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

Home › Forums › CSS › internal skewed background triangle effect

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 12, 2013 at 4:54 pm #146578
    hhogan
    Participant

    Hi all,
    Im looking for a way to create this effect (https://docs.google.com/file/d/0B9net7IbI0L0MFVtZE1HVFNFaVU/edit?usp=sharing) in pure CSS. It must be behind text and images and grow/shrink to fit various div sizes.

    Any ideas?

    Thanks,
    Heather

    August 12, 2013 at 6:03 pm #146581
    joren
    Participant

    Here’s an example that (only) works in Chrome.

    I guess another approach would be to use SVG background images.

    August 12, 2013 at 9:10 pm #146589
    hhogan
    Participant

    Thanks for the quick reply, Joren…
    I do need it to work in more browsers. At least the current and previous versions of the top 4- I’m not sure that SVG hits that mark.
    Any other ideas? Can you layer PNGs at various alphas? If I start at a larger size and go down with scale that might work?

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