CSS'te yamuk şekiller nasıl yapılıyor?

Arkadaşlar bazı kaliteli tasarımlarda görüyorum böyle adam dikdörtgen yapmış ama böyle dikdörtgen gibi değil alt taraf böyle yuvarlak gibi kıvrımlı, sağ taraf ne bileyim dalgalı. Anlamışsınızdır ne demek istediğimi, genelde themeforest'e yüklenen premium temalarda görüyoruz böyle şeyleri. onları nasıl yapıyorlar? hangi classlar kullanılıyor bilen var mı?

mesela kare bir divin sadece sağ tarafını nasıl dalgalı yapabilirim?

dalgalı derken şöyle:

https://www.w3schools.com/cssref/try...ansform-origin

genelde clip-path kullanılıyor.

(bkz.)

svg'de kullanabilirsiniz

(bkz.)

Arkadaşında dediği gibi ama şuan en son hatırladığıma göre clip-path sadece chrome da destekleniyordu. Yani diğerlerine bakmadım da ie falan mozilla desteklemiyordu. O yüzden svg daha mantıklı bir seçim olur.

bundan pek bişey anlamadım galiba bu benim dediğim değil. konuyabi görsel koydum ona bakar mısın

svg benim bildiğim kadarıyla görsel yani png benzeri bir şeydi, onu cssten mi yapıyoruz yoksa photoshop, illustrator gibi programlardan mı