Niestandardowe punktory dla listy elementów

Pracując jako projektant, dość często wpadam na prośby o niestandardowe projekty punktorów. Służą one do podkreślenia niektórych punktów i przyciągnięcia uwagi użytkowników. Poniżej przedstawiłem jak można je wdrożyć w Webflow.

‍

1. Przed zastosowaniem niestandardowych punktorów wykonaj kilka ustawień początkowych:

Ustaw Brak punktorów, aby usunąć domyślne punktory w ustawieniach listy
Dodaj klasę i ustaw odpowiedni padding-left do listy
Dodaj klasę do wszystkich elementów listy i ustaw pozycję względem tej klasy

2. Następnie jeden z poniższych Code Snippetów umieść w sekcji <head> strony www:

Niestandardowy kolor punktorów: ‍

See the Pen Niestandardowe punktory dla elementów listy - zmiana koloru by Piotr (@PiotrekKul) on CodePen.

‍

Niestandardowe kształty punktorów:

‍

‍Trójkąt:

See the Pen Niestandardowe punktory dla elementów listy - zmiana kształtu trojkat by Piotr (@PiotrekKul) on CodePen.

‍

Diament:

See the Pen Niestandardowe punktory dla elementów listy - zmiana kształtu diament by Piotr (@PiotrekKul) on CodePen.

Jak zrobć niestandardowe punktory dla listy elementów

Podobne Code Snippets

Jak stylować scrollbara

Dostosowanie koloru zaznaczenia tekstu

Dodanie efektu rozmytego szkła

Nawigacja slidera i zmiana koloru kropek

Dodawanie wizualnego efektu tekstu maszyny do pisania

Animacja Count UP na liczbach w Webflow

Ograniczenie długości tektsu w podglądzie

Chcesz być na bieżąco?
ZAPISZ SIĘ DO NEWSLETTERA!