Brazek niezależny od kształtu diva

Question

Cześć wszystkim, nie mam kompletnie pomysłu jak to zrobić a mianowicie ustawiłem kształt diva na trapez żeby miał ładne ścięcie i niestandardowo wyglądał ale tło obrazka dostosowuje się do kształtu i zniekształca i paskudnie to wygląda i jak zrobić żeby obrazek był "niezależny" od kształtu diva i był "prosty"?
P.S. próbowałem także dać obrazek i dopasować go do wielkości diva i nic nie dało.

Tu  jest mój kod:

.rigth-side {

background-image: url(../img/stopy.jpeg);

background-attachment: fixed;

background-repeat: no-repeat;

background-position: 80% 50%;

background-size: 100% 100%;

 

width: 70%;

height: 58%;

position: absolute;

top: 0;

right: -15%;

transform: skewX(-45deg);

border-left: 8px solid #E96A73;

border-bottom: 3px solid #E96A73;

 

}

 

 

 

Comments

A gdyby dodać obrazek i "kopnąć" go w drugą stronę?

---

Jesteś genialny! Zadziałało! :) dzięki wielkie!

Answer 1

Nie lepiej background-size: cover; ?