0
Bir div görüntüsünü, aşağıdakileri taklit etmek için kullanmaktan kaçınmak için css ile değiştirmeye çalışıyorum. Şimdiye kadar bende çarpıklık var, ama bir köşeyi tutup yatay çizginin altına yerleştirmenin bir yolu var mı? Şekil, sol alt köşesi biraz eğri olan bir kare gibi görünüyor. Üst köşeyi eğrilterek bir köşeyi nasıl çekebileceğimi anlayamıyorum.Yalnızca bir bölmenin manipüle edilmeye çalışılması
İşte ben bugüne kadar ne:
.educationcontentdiv {
background-color: #f9da0b;
padding: 30px;
-webkit-transform: skewY(1deg);
-moz-transform: skewY(1deg);
-ms-transform: skewY(1deg);
-o-transform: skewY(1deg);
transform: skewY(1deg);
} Ayrıca çalıştık
sadece bir tarafı çarpık ve iyi çalışıyor, ancak köşe hala Karşı tarafın aynı satırı:
margin: 0 0 0 -20px;
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
background: red;
overflow:hidden;
position:relative;
Herhangi bir Yardım iated
İlgili Matrix dönüşümü - muhtemelen http://stackoverflow.com/questions/19761202/css3-transform-skew-one-side –
2D ve 3D dönüşümün bir karışımı ... Bir parça kağıt alın, arkanıza bir ışık koyun ve gölge istediğiniz gibi görünene kadar kağıdı döndürün benim önerim .... 'çünkü tam olarak emin değilim Hedefinizin tam olarak neye benzediğini takip ediyorum. – abluejelly
Bir çeşit 2d dönüşümü olurdu, bir divun köşelerini hedeflemeye çalışıyorum ve şekillerin diğer köşelerini etkilemeden onları hareket ettiriyorum. –