Uwaga: Zapoznaj się z instrukcjami dotyczącymi korzystania z tego znacznika…

1) Usuń drugą sekcję wewnątrz wiersza.
2) Edytuj/zamień zawartość pozostałej sekcji.
3) Powiel sekcję, aby uzyskać dwie identyczne sekcje.
4) Wyświetl front-end, aby zobaczyć markizę w akcji.

Ważna uwaga: Aby zachować równe odstępy, lewy padding i wartość gutter sekcji muszą być takie same. W tym demo lewy padding i wartość gutter wynoszą 25px. Jeśli zmienisz wartość left padding, zmień wartość gutter i odwrotnie.

CSS znajduje się wewnątrz pola Custom CSS w wierszu nadrzędnym. Na górze znajdują się następujące dwie zmienne CSS:

:root {
–wpziom-marquee-1-speed: 20s;
–wpziom-marquee-1-hover: paused;
}


Pierwsza zmienna kontroluje prędkość marquee. Zmniejsz wartość, aby przyspieszyć, zwiększ wartość, aby zwolnić.
Druga zmienna kontroluje, czy marquee zatrzymuje się po najechaniu kursorem. Jeśli nie chcesz wstrzymywać po najechaniu, zmień wartość„paused” na„running

To jest ramka tekstowa CSS

Ale nie jest on przeznaczony tylko dla tekstu

Teoretycznie można tu umieścić dowolne bloki

Ale tradycyjnie, markizy służą do wyświetlania zwijającego się tekstu

Pozostaniemy więc przy tekście dla tej markizy

To jest markiza tekstowa CSS

Ale nie służy tylko do wyświetlania tekstu

Teoretycznie można tu umieścić dowolne bloki

Ale tradycyjnie, markizy służą do wyświetlania przewijającego się tekstu

Pozostaniemy więc przy tekście dla tej markizy