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 |
#2 · Zasláno: 4. 5. 2013, 20:59:32
Urob si to ako obrázok, vytvor si div a nastav to ako pozadie.
|
||
wtf Profil * |
#3 · Zasláno: 4. 5. 2013, 21:08:52
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 |
#4 · Zasláno: 4. 5. 2013, 21:26:13
No, je to jediná možnosť. Alebo sa bude obsah DIV-u skrolovať. Inak to neurobíš.
|
||
margin Profil * |
#5 · Zasláno: 4. 5. 2013, 21:56:31
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. |
||
Časová prodleva: 11 let
|
0