Home/ Questions/Q 8899417
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T00:51:03+00:00

Is it possible to use a div, rotated 45 degrees, as mask(alpha) for image

  • 0

Is it possible to use a div, rotated 45 degrees, as mask(alpha) for image or div containing img?

https://i.stack.imgur.com/X2G9f.jpg

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Why not just rotate the inner element by -45 degrees?

    div.mask {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg); 
}

div.mask img {
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg); 
}

    Example JSFiddle provided by subhaze – here

    • 0