Я использую chrome 18.0.1025.162
и пытаюсь сделать радиальный градиент
-webkit-radial-gradient(circle, rgba(100, 100, 100, 0.2), rgba(0, 0, 0, 0.9))
Проблема в том, что градиент очень пиксельный, переход цвета и альфы в блоки, а не гладкие. Это отличается в Safari и Firefox. Safari и Firefox делают это очень плавно и хорошо
Это ошибка с хромом? У кого-нибудь есть такая же проблема с этим. Это такой простой градиент!! Наверняка что-то такая простая вещь не может быть глюком
Проверьте: http://jsfiddle.net/GyRLe/1/для демонстрации того, что я имею в виду.
Есть ли решение для этого? Изображение было бы ужасным :(
(Хорошо, чтобы увидеть, насколько плоха гладкость):
Вот что я получаю, когда им пользуюсь:
http://i.imgur.com/UYB1d.png(Chrome)
http://i.imgur.com/tzGuq.png(Safari) (Кажется немного резким, но это из-за png, в остальном его плавность близка к идеальной)
Firefox так же хорош, как и Safari, просто хром делает это плохо Мне нужна альфа-версия, потому что я добавляю повторяющееся изображение в фоновом режиме
Редактировать: Chrome 20 (Canary) также имел эту ужасную проблему!
Edit2: Причина, по которой мы используем CSS, заключается в том, что нам не нужно использовать изображения! Итак, я добавил это в http://code.google.com/p/chromium/issues/detail?id=123491и, надеюсь, Google разберется в своих действиях, потому что я думаю, что Chrome прекрасен