NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
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 – 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
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.

 
Odpovědět
17.5.2015 21:43
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ů :-)

 
Odpovědět
17.5.2015 21:43
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
17.5.2015 21:50
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?

 
Odpovědět
3.6.2015 21:39
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
3.6.2015 22:01
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.

 
Odpovědět
4.6.2015 7:09
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 29.6.2016 15:45
 
Odpovědět
29.6.2016 15:43
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 29.6.2016 15:52
 
Odpovědět
29.6.2016 15:50
Avatar
Šimon Rataj
Člen
Avatar
Šimon Rataj:29.6.2016 15:56

Ten první je z W3Schools.

 
Odpovědět
29.6.2016 15:56
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
27.9.2016 15:07
Programátor je stroj k převodu kávy na kód.
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.