Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Jak vytvoři takový tvar v CSS ?

Aktivity
Avatar
Jan Demel
Tvůrce
Avatar
Jan Demel:14.4.2014 15:50

Ahoj lidi. Chtěl jsem se vás jenom zeptat, jak se co nejjednodušeji udělá tady tenhle tvar ? V CSS samozřejmě.

Odpovědět
14.4.2014 15:50
To co se zdá být nemožné, je vždy možné.
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Jan Demel
Honza Bittner:14.4.2014 15:51

Říká se tomu trojúhelník.

Nemám čas to vysvětlovat, tudíž http://css-tricks.com/…ss-triangle/ nebo generátor http://apps.eky.hk/…e-generator/

Nahoru Odpovědět
14.4.2014 15:51
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Jan Demel
Tvůrce
Avatar
Odpovídá na Honza Bittner
Jan Demel:14.4.2014 16:03

Myslel jsem to spíš tak, jestli se dá vytvořit jeden div, který by měl přesně takový tvar jako to, co je modré.

Nahoru Odpovědět
14.4.2014 16:03
To co se zdá být nemožné, je vždy možné.
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Jan Demel
Honza Bittner:14.4.2014 16:08

To nelze, musíš využít pro tu šipečku/trojúhelník nějaký pomocný element. Popřípadě, což bude možná i lepší, nastyluješ div:before.

Nahoru Odpovědět
14.4.2014 16:08
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Jan Demel
Tvůrce
Avatar
Odpovídá na Honza Bittner
Jan Demel:14.4.2014 16:12

Ok dík.

Nahoru Odpovědět
14.4.2014 16:12
To co se zdá být nemožné, je vždy možné.
Avatar
Jan Demel
Tvůrce
Avatar
Jan Demel:14.4.2014 16:36

Ještě jedna věc. Jak by se dal vytvořit trojúhelník, který by byl vyplněný mým obrázkem ?

Nahoru Odpovědět
14.4.2014 16:36
To co se zdá být nemožné, je vždy možné.
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Jan Demel
Honza Bittner:14.4.2014 16:39

Pomocí stylování mě nic nenapadá, ale můžeš zkusit CSS MASKS - http://thenittygritty.co/css-masking

Nahoru Odpovědět
14.4.2014 16:39
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Ondrca
Tvůrce
Avatar
Odpovídá na Honza Bittner
Ondrca:14.4.2014 16:42

Ale ty masky jsou jenom pro -webkit-, ne?

Nahoru Odpovědět
14.4.2014 16:42
Zase jsem o něco chytřejší
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 8 zpráv z 8.