Приветствую.
Вот такие чудеса:
Можно написать вот так:
background: #2978d5;
background: -moz-linear-gradient(left, #2978d5 0%, #004282 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #2978d5), color-stop(100%, #004282));
background: -webkit-linear-gradient(left, #2978d5 0%, #004282 100%);
background: -o-linear-gradient(left, #2978d5 0%, #004282 100%);
background: -ms-linear-gradient(left, #2978d5 0%, #004282 100%);
background: linear-gradient(to right, #2978d5 0%, #004282 100%);
-webkit-background-clip: text;
color: transparent;
И всё бы великолепно, но Mozilla думает, что градиент на тексте выглядит именно так:
Да-да, где то там наша градиентная фраза «We offer»
А всё потому, что Mozilla едала свойство
background-clip: text. «Но ведь ты поставил -webkit-, хе-хе» скажете вы, но, увы, FF не поддерживает ни -moz-, ни строку вообще без префикса.
Хочу градиент для текста в Мозилле!
Кроме
решения с jQuery ничего не нашёл, но хочется нативом.
Простой
Средний
