NEJVÝHODNĚJŠÍ AKCE ROKU: 90 % extra kreditů ZDARMA s promokódem STROMECEK90. Zjisti více:
NOVINKA: Staň se datovým analytikem od 0 Kč a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:

Diskuze – Základní tvary v CSS3

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
Nejnovější komentáře jsou na konci poslední stránky.
Avatar
Tomáš Maňhal
Člen
Avatar
Odpovídá na vojtanosek
Tomáš Maňhal:17.5.2015 21:43

Border nastavený pro každou stranu. Pokud složíš čtyři trojúhelníky do rovnoběžníku, tak poté jeden trojúhelník zneviditelníš, udělá Ti tu výseč a poté zaoblíš strany zbývajících trojúhelníků tak aby vznikl kruh.

Avatar
Tomáš Maňhal
Člen
Avatar
Odpovídá na vojtanosek
Tomáš Maňhal:17.5.2015 21:43

To záleží z kolika se skládá elementů :-)

Avatar
Honza Bittner
Tvůrce
Avatar
Honza Bittner:17.5.2015 21:50

Docela to tam prodlužují ty prefixy.

Přemýšlím, že je z článku odstraním a přidám poznámku, že si je musí každý přidat sám podle aktuálních potřeb, nebo lépe - pomocí autoprefixeru. :)

Odpovědět
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
vojtanosek
Člen
Avatar
vojtanosek:3.6.2015 21:39

Můžu se zeptat proč je u (u trojuhelníku) border-width ta 0?

Avatar
Michal Šmahel
Člen
Avatar
Odpovídá na vojtanosek
Michal Šmahel:3.6.2015 22:01

Je to zkrácené

border-width-top: 200px;
border-width-right: 100px;
border-width-bottom: 0;
border-width-left: 100px;

Používá se to stejně jako u ostatních (např. margin, padding).

border-width: nahoře vpravo dole vlevo;

Když nic neurčíš, píšeš nulu.

Odpovědět
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Avatar
vojtanosek
Člen
Avatar
vojtanosek:4.6.2015 7:09

Už chápu. Musím si to někam zapsat.

Avatar
Šimon Rataj
Člen
Avatar
Šimon Rataj:29.6.2016 15:43

Načítání:

#spinner {
  height: 100px;
  width: 100px;
  background-color: transparent;
  border-radius: 50%;
  border: 25px solid lightGrey;
  border-top-color: #00f;
  animation: spin 2s linear 0s infinite normal;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

Vymyslel jsem tečkovaný, ale na jednom místě se kromě puntíků zvětšuje i mezera:

#waiter {
  height: 100px;
  width: 100px;
  background-color: transparent;
  border-radius: 50%;
  border: 25px dotted gray;
  border-top-width: 30px;
  animation: wait 2s linear 0s infinite normal;
}
@keyframes wait {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
Editováno
Avatar
Šimon Rataj
Člen
Avatar
Šimon Rataj:29.6.2016 15:50

Takhle už ten tečkovaný funguje:

#waiter {
  height: 100px;
  width: 100px;
  background-color: transparent;
  border-radius: 50%;
  border: 20px dotted gray;
  border-top-width: 25px;
  animation: wait 2s linear 0s infinite normal;
}
@keyframes wait {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
Editováno
Avatar
Šimon Rataj
Člen
Avatar
Šimon Rataj:29.6.2016 15:56

Ten první je z W3Schools.

Avatar
krepsy3
Tvůrce
Avatar
krepsy3:27.9.2016 15:07

Ahoj, nechytám se od trojúhelníků dál. Jak vypadá HTML? Chápu, že u čtverců či obdélníků stačí jeden div, který tímto způsobm ostyluju, ale pak už to nedávám - Např. nechápu větu

Trojúhelník se vytváří přes rámeček. Vytvoříte vlastně čtyři trojúhelníky a ty si pak upravujete. Každá hodnota je těžnice strany, tzn. ze středu strany do protějšího vrcholu. Šířka a výška trojúhelníku musí být na nule, jinak se nám ve středu vytvoří čtverec či obdélník.

A když jsem klikl na ten generátor, tak mi nedává ani HTML kód... :(

Odpovědět
Programátor je stroj k převodu kávy na kód.
Nejnovější komentáře jsou na konci poslední stránky.
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 10 zpráv z 45.