• Z
    Super User •

    Effetto sfumato su testo che non va sotto FF

    Ciao a tutti, dovrei attivare un effetto sfumatura su un testo. Ho questa classe:

    .rainbow{
  background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #4d2dac), color-stop(0.03, #542ea8), color-stop(0.06, #5b2fa0), color-stop(0.09, #64319a), color-stop(0.12, #6d3193), color-stop(0.15, #75338c), color-stop(0.18, #7f3486), color-stop(0.21, #8b357e), color-stop(0.24, #933776), color-stop(0.27, #9f386e), color-stop(0.30, #ab3a65), color-stop(0.33, #b63e61), color-stop(0.36, #bd476a), color-stop(0.39, #c25074), color-stop(0.42, #c8587c), color-stop(0.45, #d06287), color-stop(0.48, #d86b92), color-stop(0.51, #dd7492), color-stop(0.54, #e17f80), color-stop(0.57, #e58b6d), color-stop(0.60, #eb955c), color-stop(0.63, #ef9e4c), color-stop(0.66, #eca348), color-stop(0.69, #e7a547), color-stop(0.72, #e3a946), color-stop(0.75, #dfab46), color-stop(0.78, #daae45), color-stop(0.81, #d6b244), color-stop(0.84, #d2b442), color-stop(0.87, #cdb841), color-stop(0.90, #c7bb41), color-stop(0.93, #c3be40), color-stop(0.96, #bfc241), color-stop(1, #bcc33e));
  background-image: gradient( linear, left top, right top, color-stop(0,), color-stop(0.03,), color-stop(0.06,), color-stop(0.09,), color-stop(0.12,), color-stop(0.15,), color-stop(0.18,), color-stop(0.21,), color-stop(0.24,), color-stop(0.27,), color-stop(0.30,), color-stop(0.33,), color-stop(0.36,), color-stop(0.39,), color-stop(0.42,), color-stop(0.45,), color-stop(0.48,), color-stop(0.51,), color-stop(0.54,), color-stop(0.57,), color-stop(0.60,), color-stop(0.63,), color-stop(0.66,), color-stop(0.69,), color-stop(0.72,), color-stop(0.75,), color-stop(0.78,), color-stop(0.81,), color-stop(0.84,), color-stop(0.87,), color-stop(0.90,), color-stop(0.93,), color-stop(0.96,), color-stop(1,));
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

    che funziona benissimo su Safari e Chrome, ma non su FF. E non sono ancora riuscito a provarla sotto IE (qualcuno mi fa una prova plz?? :bigsmile: )

    Dove è che sbaglio ?

    Se servisse ho anche una immagine con la sfumatura che potete vedere qui: http : / / i57. tinypic. com/2qnz52f.jpg

    Grazie.

    0
  • S
    User •

    Su chrome e safari funzionano perchè usi il prefisso -webkit-. Per farlo funzionare su FF devi utilizzare il prefisso -moz- mentre per Explorer -ms-

    0
  • Z
    Super User •

    Ciao, grazie ma non funziona.
    Qui un jsfiddle per fare le prove.

    jsfiddle DOT net/t26mr59r/

    M.

    0
  • I
    Moderatore •

    Ciao Ziobudda
    Come ti dice simo90 senza una riga in cui sotituisci -webkit con trattino -moz non funzionera mai su FF.
    Che versione di FF stai usando?
    Puoi perfavore postarci l' intero codice con le aggiunte suggerite?

    0
Effettua l'accesso per rispondere