Home/ Questions/Q 8586517
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T22:19:42+00:00

Can someone tell me how I can present my users with a triangle over

  • 0

Can someone tell me how I can present my users with a triangle over the background image. I want to make a triangular UI. For that I’m masking two images(one background.jpg and masking image, triangle.png). I’m using this new image in my a div’s background. I have accomplished this using MaskImage.

Resulting image

But the problem is that the size of my background image changes but the size of triangle.png is fixed. I have also tried using linear-gradient, css property. but it is not working in IE. So is there any plugin which mask two images irrespective of there sizes. or any other optimal way to achieve my goal.

Thanks in advance 🙂

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You should be able to overlay two masking triangles using :before and :after in CSS and create triangles using uneven border properties like http://css-tricks.com/snippets/css/css-triangle/.

    Edit: http://jsfiddle.net/A9Zbj/11/ (Yay!)

    • 0