Diskusia – Základné tvary v CSS 3

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre

Posledné komentáre sú na spodnej časti poslednej stránky.

Tomáš Maňhal

Člen

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.

Odpovedať

Tomáš Maňhal

Člen

Tomáš Maňhal:17.5.2015 21:43

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

Odpovedať

Honza Bittner

Tvůrce

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.

Odpovedať

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

vojtanosek

Člen

vojtanosek:3.6.2015 21:39

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

Odpovedať

Michal Šmahel

Člen

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.

Odpovedať

Nejdůležitější je motivace, ovšem musí být doprovázena činy.

vojtanosek

Člen

vojtanosek:4.6.2015 7:09

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

Odpovedať

Šimon Rataj

Člen

Š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);
  }
}

Editované

Odpovedať

Šimon Rataj

Člen

Š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);
  }
}

Editované

Odpovedať

Šimon Rataj

Člen

Šimon Rataj:29.6.2016 15:56

Ten první je z W3Schools.

Odpovedať

krepsy3

Tvůrce

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...

Odpovedať

Programátor je stroj k převodu kávy na kód.

Posledné komentáre sú na spodnej časti poslednej stránky.

Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 10 správy z 45.

Najčastejšie vyhľadávané

Diskusia – Základné tvary v CSS 3