Stile particolare pulsanti

[ABsecurity Site]

Buongiorno!
Ho provato in tutti i modi a creare dei pulsanti simili a quelli alla pagina http://ambercreative.co/experiments/apple-store/, ma invano. Il mio obiettivo è, come nel link indicato, far comparire una freccia allo stato hover (anche utilizzando font di icone come FontAwesome o Iconicons).
Grazie in anticipo!
A.

[shane007]

Sono stati creati grazie alle "transition" introdotte con css3.
Credo che qui: http://tympanus.net/codrops/2011/11/...ons-with-css3/ tu possa trovare quello che ti serve.

[ABsecurity Site]

Grazie, provo a lavorare un po' su quel codice e vediamo.

[carlomarangoni]

I CSS3 possono non essere utilizzabili da molti utenti per il fatto che molti usano ancora browser che non li supportano in alternativa si può usare delle immagini

[ABsecurity Site]

Più o meno ce l'ho fatta, grazie mille!

[Al_katraz984]

vedi se può servire

li.drop {
  position: relative;
}

li.drop:after {
  content: ">";
  font-weight: bold;
  display: inline-block;
  margin-left: 8px;
  vertical-align: bottom;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

li.drop ul { display: none; }
li.drop:hover ul {
  display: block;
  position: absolute;
  top: auto;
  left: 0;
  padding: 0.87em 1em;
  background-color: #fff;
}