Link transitions - ożywiamy link

Ten poradnik wyjaśnia, jak korzystać z przejścia CSS3 stworzyć zabawne efekty dla odnośników oraz poprawiające komfort obsługi. 'Przejście' zostanie uruchomiony, gdy użytkownik przesunie kursor myszy na odnośnik tekstowy. Należy pamiętać, że przejścia CSS3 są obsługiwane tylko przez współczesne przeglądarki
Link transitions są utworzone przy pomocy hyperlink styles. Hyperlink styles można stosować do tradycyjnych standardowych odnośników tekstowych i Menu Tekstowego..
Krok 1

Zacznijmy od podstawowego przejścia color fade transition (zanikanie kolorów). Kiedy kursor będzie się znajdował nad obiektem kolor będzie przechodził płynnie w inny kolor zamiast natychmiastowej zmiany koloru.
• Otwórz Menedżera stylów
• Kliknij 'style' hiperłącza
• Kliknij przycisk "Dodaj", aby utworzyć nowy styl hiperłącza.
• Wprowadź nazwę stylu na przykład: link_transition
Aby uaktywnić działanie efektu musimy ustawić czas trwania. Domyślną wartością jest 0, co oznacza brak efektu. Zmień ją na 300 milisekund..

Krok 2

Zastosowanie stylu do łącza.
• Użyj menu tekstowego
• Wybierz właśnie utworzony styl.

Krok 3

Opublikuj lub podejrzyj stronę, aby zobaczyć efekt Link transitions w akcji.

Zatwierdź klikając OK aby ustawienia zostały wprowadzone.
Krok 4

Oprócz podstawowych efektów jak zmiana koloru WYSIWYG Web Builder obsługuje również animowanie podkreślenia łącza
Przykłady:

Przykład:

na podstawie : http://www.wysiwygwebbuilder.com/link_transitions.html
Wyjście
---Home------Download------Zakup------Poradniki Online------Szablony------Wsparcie------Forum------Rozszerzenia------Manual------Rózne---
Copyright © 2017