Autor Zpráva
wtf
Profil *
Dobrý den,
chtěl bych vědět, jak by šel vytvořit podobný okraj jako na přiloženém obrázku. Jde mi hlavně o zkosení roků v pravo dole a v levo nahoře.
Co jsem se díval, tak jsem našel vlastnost CSS3 border-image, ale nenašel jsem jak roh zkosit. Pokud by bylo možné mně nějak popostrčit, nebo alespoň posat článek, byl bych moc rád.

Odkaz: postimg.org/image/s5q03mqyr
Kaminko
Profil
Urob si to ako obrázok, vytvor si div a nastav to ako pozadie.
wtf
Profil *
Nad tím jsem taky přemýšlel, ale tam je zádrhel při prodloužení divu. Jedině dát pozadí dolní strany, horní a okraje udělat jako normální "prodlužovací" border.
Kaminko
Profil
No, je to jediná možnosť. Alebo sa bude obsah DIV-u skrolovať. Inak to neurobíš.
margin
Profil *
wtf:
Jedině dát pozadí dolní strany, horní a okraje udělat jako normální "prodlužovací" border.
Možností se více, zmínil jsi jednu z mnoha, pro daný případ dobře použitelnou.

Též je (bude) možné použít více pozadí pro jeden element, živá ukázka s natahovacím rámem obrazu je na www.root.cz/clanky/novinky-v-css3-multiple-background/, nevýhodou je, že starší prohlížeče multiple background neumí. Naštěstí to jednoduše obejít vnořením několika DIVů do sebe a nastavením požadovaného pozadí každému DIVu.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: