(Volitelné) Vyberte element (odstavec, nadpis atd.), pro který chcete přechod použít. Nebo můžete vytvořit přechod a použít ho pro element později.
Naposledy aktualizováno
25. 4. 2024
Pomocí panelu Přechody CSS můžete vytvářet, měnit a odstraňovat přechody CSS3.
Chcete-li vytvořit přechod CSS3, vytvořte třídu přechodu tak, že zadáte hodnoty vlastností přechodu elementu. Pokud před vytvořením třídy přechodu vyberete element, vytvořená třída přechodu se pro vybraný element automaticky použije.
Můžete zvolit přidání generovaného kódu CSS do aktuálního dokumentu nebo zadat externí soubor CSS.
Vytvoření a použití efektu přechodu CSS3
Vyberte Okno > Přechody CSS.
Klikněte na volbu 
.
Pomocí voleb v dialogovém okně Nový přechod vytvořte třídu přechodu.
Cílové pravidlo
Zadejte název selektoru. Selektor může být libovolný CSS selektor, například tag, pravidlo, identifikátor nebo složený selektor. Pokud například chcete přidat efekty přechodů ke všem tagům <hr>, zadejte hr
Přechod zapnut
Vyberte stav, pro který chcete přechod použít. Chcete-li například přechod použít při pohybu myši přes element, vyberte volbu kurzor.
Použít stejný přechod pro všechny vlastnosti
Tuto možnost vyberte, pokud chcete zadat stejnou dobu trvání, zpoždění a časovou funkci pro všechny vlastnosti CSS, u kterých chcete použít přechod.
Použít pro každou vlastnost jiný přechod
Tuto volbu vyberte, chcete-li pro všechny vlastnosti CSS, pro které chcete použít přechod, nastavit různé Trvání, Zpoždění a Funkci časování.
Vlastnost
Kliknutím na tlačítko přidáte přechodu vlastnost CSS.
Trvání
Zadejte dobu trvání efektu přechodu v sekundách (s) nebo milisekundách (ms).
Zpoždění
Doba v sekundách (s) nebo milisekundách (ms) před spuštěním efektu přechodu.
Funkce časování
Z dostupných voleb vyberte styl přechodu.
Koncová hodnota
Koncová hodnota pro efekt přechodu. Chcete-li například na konci efektu přechodu zvětšit velikost písma na 40 px, zadejte pro vlastnost font-size hodnotu 40 px.
Vyberte, kde chcete vytvořit přechod
Chcete-li styl vložit do aktuálního dokumentu, vyberte volbu Pouze v tomto dokumentu.
Chcete-li pro kód CSS3 vytvořit externí seznam stylů, vyberte volbu Nový soubor seznamu stylů. Po kliknutí na volbu Vytvořit přechod budete vyzváni k zadání umístění, kam se má nový soubor CSS uložit. Nově vytvořený seznam stylů se přidá do nabídky Vyberte, kde chcete vytvořit přechod.
Úpravy efektů přechodů CSS3
Na panelu Přechody CSS vyberte přechodový efekt, který chcete upravit.
Klikněte na volbu 
.
V dialogovém okně Upravit přechod můžete změnit dříve zadané hodnoty přechodu.
Zakázat styly CSS ve formě zkráceného zápisu pro přechody
Další informace o funkci Zkrácený zápis CSS a jejích výhodách naleznete v části Co je to vlastnost Zkrácený zápis CSS.
Vyberte volbu Úpravy > Předvolby.
Vyberte Styly CSS.
V části Použít zkrácený zápis pro zrušte výběr položky Přechod.
Tvorba nádherných webů v aplikaci Dreamweaver
Vytvářejte, kódujte a spravujte dynamické weby pomocí výkonného všestranného nástroje.
