Element som går utanför skärmen på hemsida

Det är ett trick; den ska inte vara från kanten utan centrerad. Om du kollar på arm.png-bilden kommer du se att den är 6600 pixlar bred, varav halva är helt transparent. Något sånt här:
_______________________________________
|_____transparent_____|_______ solid_______|
'----------------------- 6600 px ----------------------'

(observera att jag har gått hårt till överdrift med armens längd, men pngs packar väldigt bra)

Bilden centreras i x-led för att aldrig flytta sig ur från mitten och således ser det ut som om man har en arm som sticker in från högra kanten (iom att vänstra delen av bilden är genomskinlig)

I mitt exempel låter jag för enkelhets skull bilden försvinna bakom #wrapper, men då du inte har en rak pil får du experimentera med att ersätta solida pixlar i armen med transparenta. Om du har en wrapper som är 800 px bred borde det exempelvis räcka att byta 400 solida pixlar mot transparenta.

Vänstra hälften av bilden ska vara transparent. Det krävs ingen tagg, bara att utöka ritområdet med 100% i X-led och se till att det hamnar till vänster om grafiken, samt att du inte har någon bakgrundsfärg på den sektionen

Bilden.

Om du detta är din pil: <|========= så tar du ========= (som är säg 1000 px) och lägger till lika mycket transparens till vänster om den delen, så här ungefär: __________========= (sammanlagt 2000 px, underscore representerar total genomskinlighet)

Det handlar alltså om bilden som du sätter som bakgrund. Inget HTML-element alltså. Med ritområdet menar jag den area du har att rita på i t ex Photoshop.

Eftersom du centraliserar bakgrundsbilden så hänger den med när du förstorar och förminskar ditt fönster i sidled. Se följande vackra och icke skalenliga ASCII-illustration:

1024x:
                    +-------------------+
                    |                   |
                    |                   |
                    |                   |
        +-----------+---------+---------+-----------+
        |           :         |         :           |
        +-----------+---------+---------+-----------+
                    |                   |
                    |                   |
                    |                   |
                    |                   |
                    +-------------------+
					
1920x:
               +-----------------------------+
               |                             |
               |                             |
               |                             |
        +------+--------------+--------------+------+
        |      :              |              :      |
        +------+--------------+--------------+------+
               |                             |
               |                             |
               |                             |
               |                             |
               +-----------------------------+