Div poza ekranem po prawej stronie - w jaki sposób

Question

witam, zrobiłem sobie pewien kształt za pomocą rotate w css3 i chciałbym aby w połowie schował sie po prawej stronie ekranu i jednocześnie żeby nie powodował overflow na X

to jego kod:

    .secondrect{
        width: 100%;
        background: @background-white;
        height: 60%;
        position: absolute;
	
        transform: rotate(-12deg);
        right: -100px;
        left: auto;
        
    }

 

Answer 1

body overflow-x hidden?

Comments

też na to wpadłem ale sądziłem zę to niezbyt eleganckie rozwiązanie

---

innego chyba nie ma :v zawsze można w SVG się bawić i jest wszystko ładnie

Answer 2

Możesz też ten kształt ustawić jako:

ksztalt {
    position: fixed;
    top: 0px;
    right: -100px;
}

 

Answer 3

Moje rozwiązanie, mam nadzieje że przyda sie innym.
Taki kształt, który chcemy przenieść na prawą strone za keran umieszczamy w kontenerze. Konter oraz kształ mają być pozycjonowane absolutnie.

Kontener oraz kształ wrzucamy do kolejnego kontenera pozycjonowanego relatywnie,

 

A więc mamy taki układ
kontener1
    kontener2
        kształt

oba kontenery rozciągamy na cał wkran width: 100%
kontenerowi1 ustawiamy overflow-x: hidden

kontener2 musi mieć nadaną wysokość aby wyświetlić kształt.

 

To w zasadzie tyle, pozdrawiam :)