Szybki szpil #5 - Link jak przycisk

Ciekawy sposób na linki podejrzałem na css-tricks.com. Autor proponuje uatrakcyjnić linki poprzez zastosowanie jednej linijki kodu css, który da efekt pseudo przycisku. Wykorzystujemy tu selektor :active, który odpowiada za wygląd aktywnego (czyt. wciśniętego przyciskiem myszy do momentu zwolnienia przycisku) elementu.

a:active {
  position: relative;
  top: 1px;
}

Można to wykorzystać nie tylko przy linkach ale przy innych elementach, ale tu uwaga:

MSIE 7.0 i starsze obsługuje pseudoklasę :active tylko dla odsyłaczy. Inne przeglądarki pozwalają ją przypisać praktycznie dla każdego elementu.

Zastosowanie tego rozwiązania można zobaczyć na przykład na tym blogu oraz na maxvoltar.com i stuffandnonsense.co.uk.

Subskrybuj lub podziel się

Będzie miło jeśli zasubskrybujesz bloga, bądź podzielisz się tym artykułem.

Autor: Marcin Piszczek

Interesuję się designem, internetem i nowinkami technicznymi. Z zamiłowania jestem web developerem i web designerem,a od jakiegoś czasu również blogerem. W wolnych chwilach gram w DotA. Kibicuję Zagłębiu.

Masz jakieś sugestie? Napisz do mnie. Możesz mnie również obserwować na Twitterze.