Bunu Nasıl Yapabilirim?

Question

merhaba, bir sitede gördüm Slider range kullanarak fiyatlandırma ve bir görselin şekli dinamik olarak değişiyor. Fiyatlandırma kısmını bir şekilde çözerim ama sağ taraftaki resim nasıl değişiyor. Aslında resimde değil o div kodu. yeni bir div satırı ekleniyor. Bunu için hangi kodlama bilgisi gerekiyor? yada yönlendirebileceğiniz bir kaynak var mı?

istanbulum · Answer

Merhaba. Hayırlı CUMAlar. Div kullanarak şekli eğmek mi istiyorsunuz? Onun için transform kodları kullanılir. Mesela:

transform:skewX(10deg);

Bu kod ilgili div'i 10 derece eğer.
						coskunk58 adlı üyeden alıntı:						mesajı görüntüle									merhaba, şu şekilde yapmış soldaki çubukları artırdıkça yeni bir div satırı ekleniyor. yani divlerden o kare şekli yapmış. resim gibi duruyor.

div'i dinamik olarak ekleyeceksek:

const snIsim = document.createElement('div');
document.body.appendChild(snIsim);

gibi bir şey denememiz gerekir. &#128077;

coskunk58 · Answer

istanbulum adlı üyeden alıntı:						mesajı görüntüle									Merhaba. Hayırlı CUMAlar. Div kullanarak şekli eğmek mi istiyorsunuz? Onun için transform kodları kullanılir. Mesela:

transform:skewX(10deg);

Bu kod ilgili div'i 10 derece eğer. 		merhaba, şu şekilde yapmış soldaki çubukları artırdıkça yeni bir div satırı ekleniyor. yani divlerden o kare şekli yapmış. resim gibi duruyor.