Style po najechaniu kursorem nie wszędzie działają. Obecnie obsługa stylów hover w klientach poczty jest wciąż dość słaba. Pamiętaj o tym i projektuj e-maile tak, aby style hover były tylko „stopniowym ulepszeniem” (progressive enhancement). Jeśli klient poczty nie obsługuje stylów hover, przycisk po najechaniu kursorem będzie po prostu wyglądał tak samo jak w zwykłym stanie.
Poradnik wideo: efekty hover dla przycisków w e-mailach HTML z Figmy
Ten film pokazuje, jak dodać efekty po najechaniu kursorem do przycisków w e-mailach HTML z Figmy za pomocą wtyczki Emailify.
Stany hover możesz ustawić dla dowolnej warstwy Emailify „🔗 Button”. Zaznacz warstwę przy otwartym panelu Settings, a następnie w obszarze Button Hover State wpisz szesnastkowe wartości kolorów i/lub wybierz animowane przejście, które ma zostać zastosowane do zaznaczonego przycisku po najechaniu kursorem.
Możesz ustawić dowolne z tych właściwości (lub wszystkie):
- Background Color
- Text Color
- Transition
Stany hover podejrzysz za pomocą funkcji podglądu HTML we wtyczce.
Stany hover dla linków tekstowych i nawigacji
Poradnik wideo: kolory hover dla linków tekstowych w e-mailach HTML z Figmy
Ten film pokazuje, jak dodać kolory po najechaniu kursorem do linków tekstowych w e-mailach HTML z Figmy za pomocą wtyczki Emailify.
Stany hover możesz ustawić dla dowolnej warstwy Emailify „✍️ Text” lub „🍔 Navigation”. Zaznacz warstwę przy otwartym panelu Settings, a następnie w obszarze Links Hover State wpisz szesnastkową wartość koloru, który mają przyjąć linki tekstowe w zaznaczonej warstwie po najechaniu kursorem.
Opcjonalnie możesz też włączyć przełącznik Fade Transition, który doda delikatne przejście przy zmianie koloru tekstu linku po najechaniu kursorem.
Stany hover podejrzysz za pomocą funkcji podglądu HTML we wtyczce.
Style po najechaniu kursorem nie wszędzie działają. Obecnie obsługa stylów hover w klientach poczty jest wciąż dość słaba. Pamiętaj o tym i projektuj e-maile tak, aby style hover były tylko „stopniowym ulepszeniem” (progressive enhancement). Jeśli klient poczty nie obsługuje stylów hover, przycisk po najechaniu kursorem będzie po prostu wyglądał tak samo jak w zwykłym stanie.