Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    Stile particolare pulsanti

    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.

  2. #2
    Utente di HTML.it L'avatar di shane007
    Registrato dal
    Jun 2011
    residenza
    Trentino, tra vacche ed aria buona.
    Messaggi
    55
    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.
    Siamo nel 2014, ci sono tante belle cose come Google, CodePen, Stackoverflow, ecc. Perché non usare?

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

  4. #4
    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
    “Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.

    Giovanni Falcone

  5. #5

  6. #6
    vedi se può servire

    Codice PHP:
    li.drop {
      
    positionrelative;
    }

    li.drop:after {
      
    content">";
      
    font-weightbold;
      
    displayinline-block;
      
    margin-left8px;
      
    vertical-alignbottom;
      -
    webkit-transformrotate(90deg);
      -
    moz-transformrotate(90deg);
      -
    o-transformrotate(90deg);
      -
    ms-transformrotate(90deg);
      
    transformrotate(90deg);
    }

    li.drop ul displaynone; }
    li.drop:hover ul {
      
    displayblock;
      
    positionabsolute;
      
    topauto;
      
    left0;
      
    padding0.87em 1em;
      
    background-color#fff;

    Questa volta, più che un voto.. è favoreggiamento.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.