Animace složky s odkazy
Animované ikony složek a dokumentů jsou jednoduchým způsobem, jak oživit běžné odkazy na webu. Místo klasického textového odkazu může návštěvník vidět čistou SVG ikonu, která se při najetí myší plynule vyplní barvou a současně změní doprovodný text na akční výzvu. Toto řešení je vhodné pro odkazy na dokumenty, provozní řády, faktury, certifikáty, archiv, úložiště nebo […]
Text s vlnkou
Animovaný HTML nadpis: jak funguje a proč je to elegantní řešení Na této stránce je použitý vlastní animovaný nadpis vytvořený pomocí kombinace HTML a CSS, bez potřeby JavaScriptu. Výsledkem je čistý, lehký a vizuálně zajímavý efekt, při kterém se jednotlivá písmena nadpisu postupně objevují odspodu nahoru. Celý text tak působí živě, moderně a přitom nerušivě. […]
Animace nadpisu s glow efektem
V tomto návodu si ukážeme, jak se objeví nápis, který má za nadpisem a okolo písmen Glow Effekt, z anglického glow – záře. Pokud budete mít v úmyslu vytvořit tuto animaci, je potřeba si nastavit základní barvu písma shodnou s pozadím. V tomto konkrétním případě je to v CSS kódu řádek 21 a barva pozadí […]
Animace nadpisu vlnkou
V případě, že potřebujete nějak zvýraznit nadpis animací, zde je jednoduchý návod, jak si upravit element HTML v Elementoru. Návod je praktikovatelný i na jiné programy, protože se skládá jak z HTML, tak ze stylování pomocí CSS. Tedy nejste omezeni jen na Elementor, ale můžete jej použít přimo do Vašeho programovaného projektu, anebo například ve […]
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í […]
