Görüntülerin eğimli hale getirilmesinin kolay bir yolu var mı?

Question

Bir web sitesine resim eklemek istiyorum, ancak resimlerin, bir açıda bir yana itilmiş gibi kenarlarının eğimli olmasını istemek istiyorum. Bunu yapmanın hızlı ve kolay bir yolu var mı?

Answer 1

Aslında CSS ile süper kolaydır. Dönüştürme tam olarak ihtiyacınız olan şeyleri yapar, öğeleri dönüştürmek için birkaç farklı yol vardır, bu nedenle ihtiyacınız olanı bulmak için dokümanlara here bakın. Ne demek istediğine göre, çarpıklığın ya da döndürmenin ihtiyaçlarınızı en iyi şekilde karşılayacağına inanıyorum. Bu gerçekleştirmek için CSS üç satır alır (önekleri kaldırmak için Güncellendi): transform özellik adının

Jsfiddle

div.skew { 
    transform: skewX(15deg); 
} 
div.rotate { 
    transform: rotate(15deg); 
}