Tovább a tartalomhoz

SVG Blob és SVG-szövegútvonal

Animált, hullámzó folt néhány paraméterből, és szöveg elhelyezése hullám, kör vagy egyéni útvonalon.

Az SVG Blob widget néhány paraméterből animált, folyamatosan változó görbét (foltot) rajzol.

https://minta-bolt.hu/wp-admin/post.php?post=59&action=elementor
Az SVG Blob widget Folt szakasza

A Folt szakasz beállításai:

Beállítás Mit csinál Alapérték
Görbe feszítése Az egyik és a másik görbe közti lekerekítés mértéke (0 = nincs). 2
Pontok száma A felosztások száma. 5
Sugár A legkisebb és a legnagyobb sugár (két fogantyúval állítod). 100 és 200 px
Időtartam A legrövidebb és a leghosszabb időtartam. 1 és 2 s
Pontok megjelenítése Bekapcsolva a görbék közti végpontokban egy-egy kör (pont) látszik. Igen

További szakaszok a Tartalom fülön:

  • Viewbox: a rajzterület mérete, lásd SVG alapok; itt csak a Maximális szélesség állítható.
  • Pontok: a megjelenített pontok Sugár és Szín beállítása.
  • Mintakép: egy Kép, amellyel a folt kitöltését képmintára cserélheted.
https://minta-bolt.hu/wp-admin/post.php?post=59&action=elementor
Az SVG Blob widget Stílus füle

A Stílus fülön a megjelenést állítod:

Beállítás Mit csinál
Kitöltési szín A folt kitöltőszíne (ha nincs mintakép).
Körvonal színe A körvonal színe.
Vonalvastagság A körvonal vastagsága.
Igazítás A folt helye: Bal, Középre vagy Jobb.

Az SVG-szövegútvonal widget egy általad választott útvonalra írja a szöveget.

https://minta-bolt.hu/wp-admin/post.php?post=59&action=elementor
Az SVG-szövegútvonal widget Kör útvonallal

Az Útvonalra írt szöveg szakasz beállításai:

Beállítás Mit csinál
Szöveg A kiírandó szöveg.
Útvonal Az útvonal alakja: Hullám, Kör vagy Egyéni.
Kezdő eltolás A kezdőpont és a szöveg eleje közti távolság (%-ban).
Kör sugara Csak a Kör útvonalnál jelenik meg.
Egyéni útvonal (d) Csak az Egyéni útvonalnál jelenik meg: az útvonal adata, lásd SVG alapok.
Útvonal megjelenítése Eldönti, hogy az útvonal vonala is látszik-e.

A Viewbox szakasz a rajzterületet adja meg (Szélesség, Magasság, Maximális szélesség).

https://minta-bolt.hu/wp-admin/post.php?post=59&action=elementor
A Stílus szakasz az SVG-szövegútvonal widgetben

A Stílus szakasz beállításai:

Beállítás Mit csinál
Tipográfia Betűméret, vastagság, stílus, átalakítás.
Hossz igazítása (térköz) Bekapcsolva a betűközöket is alakíthatod; ekkor megjelenik a szöveghossz (a térköz átalakításának értéke).
Szöveg színe A szöveg színe.
Útvonal színe Az útvonal színe, ha az Útvonal megjelenítése be van kapcsolva.
Igazítás Bal, Középre vagy Jobb.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások