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ı?Görüntülerin eğimli hale getirilmesinin kolay bir yolu var mı?
0
A
cevap
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
div.skew {
transform: skewX(15deg);
}
div.rotate {
transform: rotate(15deg);
}
İlgili konular
- 1. Yerel bir dalın değişmez hale getirilmesinin bir yolu var mı?
- 2. Ekspres bir uygulamayı meteor'a dönüştürmenin kolay bir yolu var mı?
- 3. Bir mermi arşivi eserlerini temizlemenin kolay bir yolu var mı?
- 4. Bir before_save koşullu hale getirmenin bir yolu var mı?
- 5. Scaladoc'u IntelliJ Idea'ye entegre etmenin kolay bir yolu var mı?
- 6. jQuery chaining parent(), daha kolay bir yolu var mı?
- 7. xcode'ta blok değişkenlerini otomatik tamamlamanın kolay bir yolu var mı?
- 8. TypeScript tanımlarını kurmanın kolay bir yolu var mı?
- 9. Symfony'de ServerName'i almanın kolay bir yolu var mı?
- 10. Celery/RabbitMQ'yi kalıcı hale getirmenin bir yolu var mı?
- 11. Java - seri hale getirilmiş nesnenin yapısını denetlemenin kolay yolu?
- 12. kolay yolu
- 13. Veritabanı çıkışı bir veritabanı tablosunun dışına img-elementlerin çıkışını önlemek için bir yolu var mı görüntülerin
- 14. kolay yolu
- 15. Pydev'de REPL almanın bir yolu var mı?
- 16. Bir grapet Exec görevinde stderr'i filtrelemenin kolay bir yolu var mı?
- 17. Bir sorunun ne zaman kapatıldığını öğrenmenin kolay bir yolu var
- 18. Hafızayı sınırlamanın bir yolu var mı?
- 19. "Vurgulu" kodun herhangi bir yolu var mı?
- 20. Bu C# sınıfı iş parçacığını yeniden yazmadan güvenli hale getirmenin herhangi bir yolu var mı?
- 21. Libgdx: Bir düğmeye her bir eksende metin yerleştirmenin kolay bir yolu var mı?
- 22. Java: Bir dizinin bir alt kümesini seçmenin kolay bir yolu var mı?
- 23. Scala'da, bir vaka sınıfını bir tuple dönüştürmenin kolay bir yolu var mı?
- 24. Oracle: Son SQL sözdizimi hatalarını almanın bir yolu var mı?
- 25. Bir gemide testleri çalıştırmanın kolay bir yolu?
- 26. Eclipse: Bir ekipte "Yüklü JRE'ler" ini koordine etmenin kolay bir yolu var mı?
- 27. Python'da etrafta dönebildiğim bir 3d dağılımı çizmenin kolay bir yolu var mı?
- 28. C# içindeki bir dizgede char'i değiştirmenin kolay bir yolu var mı?
- 29. Bir sınıf/yapının veri üyesi olup olmadığını anlamanın kolay bir yolu var mı?
- 30. Sürekli olarak yeni satır eklemeksizin, bir satırdaki metin satırlarını birleştirmenin kolay bir yolu var mı?
Önekli sürümleri herhangi bir akım tarayıcılar tarafından gerekli değildir. http://caniuse.com/#search=transform – Quentin
Görüntümün büyük olmasını sağlıyor gibi görünüyor mu? küçültmenin bir yolu var mı? Ancak Skew çok yardımcı oldu – LEWC
@LEWC Bunun için kodunuzu göndermelisiniz. Görüntünün boyutunu sınırlarını aşacak şekilde değiştirmemelidir. https://jsfiddle.net/whur3mp2/3/ – atrljoe