Задать вопрос
@kudder1
css

Как сделать градиент кроссбраузерным?

Подскажите пожалуйста как переписать данный градиент, но без приставки webkit, что-то у меня все не работает:
background: -webkit-gradient(linear, left top, left bottom, from(#ffea00),color-stop(0.85, #ffd000),to(#ffd900));
  • Вопрос задан
  • 95 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Оригинал вашего градиента выглядит так:
background: linear-gradient(to top, #ffea00,#ffd000 85%, #ffd900);


Дальше берете автопрефиксер, вставляете туда оригинал, устанавливаете какие браузеры собираетесь поддерживать и получаете результат.
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 3
aliencash
@aliencash
Партизан
Прогоните свой код через этот сервис autoprefixer.github.io/ru
Не забудьте указать сколько версий назад вам нужна поддержка.
Ответ написан
Комментировать
Комментировать
FeST1VaL
@FeST1VaL
Тихий
Давненько я не видел запись таким образом вебкита линейного градиента... (есть просто еще -webkit-linear-gradient)
Получается что у вас от светло желтого идет к темно желтому, но в центре цвет меняется?

Короче как то так?
P.S тут есть все префиксы
Ответ написан
Комментировать
Комментировать
@shure348
воспользоваться генератором например
www.colorzilla.com/gradient-editor
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Frontend React
Glob-com
от 100 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Исправление ошибок в работе вебсайта / Доработка интернет-магазина
24 апр. 2024, в 02:51
50000 руб./за проект
Анимация логотипа
24 апр. 2024, в 00:08
20000 руб./за проект
Разработка дизайна раздела «Статьи» на сайте «Мир отходов»
23 апр. 2024, в 23:01
10000 руб./за проект
Ещё заказы