Update kurzu: funkce Canvas – co to je a jak se dá využít? Najdete v lekci Základy.

Interakce

Zrcadlení pohybu myši

  • $
    Po najetí myší se obrázek začne pohybovat, zvětšovat, ztrácet, klopit, točit
Návod
  1.  označit prvek, který bude ovlivněný interakcí, pomocí Admin Label
  2.  jít do prvku, který bude spouštět akci, a zvolit Advanced – Interactions – Add Interaction
  3.  zvolit trigger (událost, která spustí interakci): v tomto případě najetí myši
  4.  pojmenovat interakci
  5.  vybrat akci, která se stane (v tomto případě Mirror Mouse Movement – zrcadlení pohybu myši)
  6.  zvolit, u jakého prvku se to stane (najdu v seznamu podle Admin Label)
  7.  vybrat typ pohybu (překlad, zvětšení, průhlednost, sklopení, rotace) a intenzitu

Translate

Scale

Opacity

Tilt

Rotate

Rozbalovací sekce

  • $
    Po kliknutí na ikonu se rozbalí více informací
Návod
  1.  modul text s vnořenou fotkou – zneviditelněný na všech zařízeních a označený Admin Label
  2. jít do prvku, který bude spouštět akci – tj. Ikona a zvolit Advanced – Interactions – Add Interaction
  3.  zvolit trigger (událost, která spustí interakci): v tomto případě kliknutí
  4.  pojmenovat interakci
  5.  vybrat akci, která se stane (v tomto případě Toggle Visibility – přepínání zobrazení a skrytí)
  6.  zvolit, u jakého prvku se to stane (najdu v seznamu podle Admin Label)

Super tajný text a fotka, které se objeví až po kliknutí na ikonu.

Miss(ák) 2025

Pop-up

  • $
    Vytvoření pop-up bez pluginů
Návod
  1.  přidat Canvas (plátno) a v něm vytvořit sekci s výzvou (Call to Action) – fixní pozice uprostřed a označená Admin Label (př. Vyzva)
  2.  výzva má v pravém horním rohu ikonu pro zavření (absolutní pozice ikony)
  3.  vytvořit tlačítko a u něj volba Advanced – Interactions – Add Interaction
  4.  zvolit trigger (událost, která spustí interakci): v tomto případě kliknutí
  5.  pojmenovat interakci
  6.  vybrat akci, která se stane (v tomto případě Show Element – zobraz prvek)
  7.  zvolit, u jakého prvku se to stane (najdu v seznamu podle Admin Label – Sekce Vyzva)
  8.  nastavit stejnou interakci u ikony pro zavření, jen akce bude Hide Element (schovej prvek)
Nabídka do půlnoci

Neodolatelná nabídka

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.