Animace nadpisu s kurzorem
Animace nadpisu s kurzorem Pokud si chcete vložit tento kód do Vašeho projektu, musíme si ještě upřesnit několik detailů. Při kopírování a vložení do “custom CSS” je možné udělat ještě několik základních úprav. Postupujte prosím takto: Vytvořte Nadpis v Elementoru podle vlastních potřeb, určete důležitost nadpisu v HTML (H1, H2, H3…). Nastavte si atributy zarovnání, […]
Změna barvy v nadpisu
Změna barvy v nadpisu Zajímavou animací, která může působit elegantně je změna barvy nadpisu. Kód níže vám stím může pomoci. Atributy písma si nastavíte v elementu “Nadpis”. Takže font, velikost, zarovnání a pokud se nám, jako v tomto případě jedná o nadpis nejvyšší úrovně, nastavíme HTML Značku na H1. Řádek 1) Nastavení úrovně nadpisu (musí […]
Jednoduché odkazy
Jednoduché odkazy Poměrně banální záležitost, na kterou se někdy zapomíná. Níže jsou popsány základní odkazy, které použijete například v patičce vašich webových stránek. Pojdme si je připomenout. Odkaz na naše stránky www.bearhugs.cz. Řádek 4) Název, resp. nadpis odkazu Řádek 5) Úprava zdroje písma na “Roboto Light“ Řádky 10-12) Specifikují jak má být písko veliké, jakou […]
Pohyb obrázku – jednoduchý
Pohyb obrázku – jednoduchý Jednoduchou animaci objektu vytvoříte přidáním kódu níže. V kódu je vytvořená animace pohybu zleva doprava v plné šíři zobrazení. Co si můžete lehce upravit? Například délku animace v řádku 3) “animation“ Dále pak je možné upravit rozsah animace z levé, popřípadě z pravé strany. Zde vidíte výsledek kódu selector img { […]
Objekt v pohybu + změna barvy
Objekt v pohybu + změna barvy Pokud máte v úmyslu přidat na stránky objekty v pohybu, tak k tomu můžete použít kód níže. Výsledek je buď tento, kde například šířka objektu je 150px a výška 3px – v kódu řádek 12. až 14. pod: width: 150px; height: 5px;. A co se animace týče, můžete upravit […]
Powered and Hosted by Bear Hugs s.r.o.
