Un link che è un po’ pulsante
Martedì 2 Febbraio 2010 - 08:39
di Cesare Lamanna
Non è che sia una rivoluzione, sia chiaro. La categoria è quella degli effetti carini che non disturbano e che se ad uno piacciono possono essere implementati in due secondi o due righe di codice.
La tecnica è quella presentata in questo post su CSS-Tricks, ispirata a quello che ha fatto, tra gli altri, Tim Van Damme sul suo blog. Cliccando su un link (potete provare su quelli presenti nelle pagine che ho citato), si ottiene, nello stato active, l’effetto tipico di un pulsante che viene premuto.
Nel nostro CSS è sufficiente usare questa regola:
a:active {
position: relative;
top: 1px;
}
Commenti
1
non capisco la novità… sono 2 anni, forse anche più che creando un tag [a], nei css inserisco lo stato active dove mi sbizzarrisco con tutta una serie di “effetti”… o forse non ho capito il senso dell’articolo…
ps: nessuna polemica.# - postato da regolo - 02 Febbraio 2010 - 09:07
2
io di solito sfrutto l’hover per un effetto visivo più immediato
# - postato da antonio gioia - 02 Febbraio 2010 - 09:24
3
Si, nessuna rivoluzione ma è un effetto molto gradevole al quale non avevo pensato..
Anch’io uso sempre effetti “hover”, ma mai “active”..
Avevo già notato quell’articolo stamattina e sto già pensando a dove implementarlo..
4
attenzione che a volte il saltino può provocare effetti indesiderati su link gestiti come block e incasellati strettamente gli uni agli altri…
quindi in questi casi applicate una controregola che azzera quella per i link testuali…
5
@regolo: il senso dell’articolo è contenuto nel commento di Zave :) era una semplice segnalazione di una tecnica a cui magari tanti avevano pensato già prima ma altri no :)
# - postato da Cesare Lamanna - 02 Febbraio 2010 - 13:22
6
Boh! Saro’ antico ma “a me me pare na strunzata”. Nel senso che a mio avviso e’ destabilizzante. Gli utenti “normali” del web potrebbero prenderlo come “annoyance”, e non solo loro … Inoltre, credo che i link debbano essere formattati alla vecchia maniera, almeno nei siti commerciali con banner (adsense & company) per integrarsi e non perdere CTR. Solo alcuni particolari, o con la syessa funzione ricorrente, ben precisa, e simile alla maggioranza degli altri, puo’ essere modificata via CSS, ma IMHO non con questo effetto repellente :lol AMEN ;-)-
# - postato da sLa - 02 Febbraio 2010 - 14:43
7
sLa, ma è esattamente quello che succede con questa piccola regola sullo stato active… che di solito viene impostato identico allo stato hover…
ti restituisce un saltino al click… è un buon feedback in più…
8
Mi hanno insegnato a contare fino a 10 per non dire cazzate. Spesso conto fino a 100 per evitare comunque di spararle. :-)
# - postato da sLa - 02 Febbraio 2010 - 16:26
9
Ah, si?Dove sta ’sta novità (scusate il gioco di parole)? io non la vedo…Per quanto mi guardi intorno…
E’ un ‘ironia,ovviamente….
# - postato da Ratamusa - 03 Febbraio 2010 - 17:22