2015-02-22 3 views
0

В настоящее время я пытаюсь создать фон градиента, и я сталкиваюсь с очень раздражающей проблемой. Мой код выглядит следующим образом:Проблемы с градиентным фоном

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>Radial Gradient</title> 
<style> 
body {background: -webkit-gradient(radial, 412 64, 515, 412 59, 40, from(#1a82f7), to(#2F2727), color-stop(.6, #464be8));} 
</style> 

</head> 

<body> 
    <div id="wrapper"> 


    </div> 
</body> 




</html> 

Я попытался и попытался, и исследовал больше, чем мне это нужно. И все же этот градиент не будет отображаться радиально. Вместо этого он появляется с синей синей линией в центре, которая отображается слева от центра экрана и расширяется до светло-синего. Мне нужна помощь. Любые советы о том, что я делаю неправильно было бы весьма признателен

Спасибо

+0

использовать '-webkit-radial-gradient (# 2F2727, # 464be8 60%, # 1a82f7)' вместо – siabaJS

+0

Итак, я пробовал это, и он по-прежнему делает то же самое, теперь и с обычным градиентом. Я попытался скопировать прямо с веб-сайта W3 и все равно в конечном итоге с той же проблемой. Я не знаю, как копирование будет иметь такую ​​же проблему. Я использую Mac и не думаю, что это вызовет какие-либо проблемы. –

+0

попробуйте добавить круг параметров, например: '-webkit-radial-gradient (круг, # 2F2727, # 464be8 60%, # 1a82f7)' – siabaJS

ответ

0

Использование radial-gradient вместо gradient: CSS3 Gradients, больше о радиальной градиентной on MDN.

+0

Спасибо за помощь !!! –

Смежные вопросы