---
url: "/pl/emailify/design/hover.md"
description: "Dodaj stany po najechaniu kursorem do przycisków i linków. Sprawdź, gdzie są obsługiwane i jak je podejrzeć."
---

# Dodawanie stanów po najechaniu (hover)

> Dodaj stany po najechaniu kursorem do przycisków i linków. Sprawdź, gdzie są obsługiwane i jak je podejrzeć.

> **Warning:** **Style po najechaniu kursorem nie wszędzie działają.** Obecnie [obsługa stylów hover w klientach poczty](https://www.caniemail.com/features/css-pseudo-class-hover/) 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.
[Embedded media](https://www.youtube-nocookie.com/embed/8pydrphK6bU)

[Video](/assets/videos/emailify/design/button-hover-state.mp4)

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](/pl/emailify/design/preview) za pomocą funkcji podglądu HTML we wtyczce.

## Stany hover dla linków tekstowych i nawigacji {#adding-hover-states-to-text-and-navigation-links}

### 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.
[Embedded media](https://www.youtube-nocookie.com/embed/T-HSfOhTTTw)

[Video](/assets/videos/emailify/design/link-hover-color.mp4)

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](/pl/emailify/design/preview) za pomocą funkcji podglądu HTML we wtyczce.

> **Warning:** **Style po najechaniu kursorem nie wszędzie działają.** Obecnie [obsługa stylów hover w klientach poczty](https://www.caniemail.com/features/css-pseudo-class-hover/) 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.