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

HTML a CSS HTML a CSS Jak vytvoři takový tvar v CSS ? American English version English version

Aktivity (1)
Avatar
Jan Demel
Redaktor
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
Redaktor
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  +1 14.4.2014 15:51
Student FIT ČVUT. Followuj mě na https://twitter.com/tenhobi a ptej se na https://github.com/HoBi/ama.
Avatar
Jan Demel
Redaktor
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
Redaktor
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  +1 14.4.2014 16:08
Student FIT ČVUT. Followuj mě na https://twitter.com/tenhobi a ptej se na https://github.com/HoBi/ama.
Avatar
Jan Demel
Redaktor
Avatar
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
Redaktor
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
Redaktor
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
Student FIT ČVUT. Followuj mě na https://twitter.com/tenhobi a ptej se na https://github.com/HoBi/ama.
Avatar
Ondrca
Redaktor
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.