Participe | Índice
Ajustar imagem dentro de div inclinada
Método para ajustar uma imagem dentro de uma div com CSS3.
1. Problema resolvido

Desenhe a imagem final.
Considere o problema resolvido.

2. Imagem e div originais

Separe a imagem original e a div inclinada.

3. Entradas do problema
Ângulo em graus = 30,00
Tangente 30 = 0,58
Altura original = 648px
Largura original = 648px
Largura div: 200px
4. Solução do problema
h / bd = altorig / largorig
nd = 200px (fixo)
bd = nd + h tan(30)
h / ( 200 + h tan (30) ) = 648 / 648
h / (h*0.58+200) = 1
h = 473.205px deslocamento = 136.46px