@ayapergenov

Как сделать такой фон с помощью css?

Возможно ли с помощью css сделать такой фон?

32feea47cf134e02be7c55bcc9240b46.jpg
  • Вопрос задан
  • 591 просмотр
Решения вопроса 1
Moskus
@Moskus
Например, так:
background: #2e5a89; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #2e5a89 0%, #16283e 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#2e5a89), color-stop(100%,#16283e)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #2e5a89 0%,#16283e 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #2e5a89 0%,#16283e 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #2e5a89 0%,#16283e 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #2e5a89 0%,#16283e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e5a89', endColorstr='#16283e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
YardalGedal
@YardalGedal
yeah boy
Это будет самое креативное решение :D
html {
        background: url(https://hsto.org/files/32f/eea/47c/32feea47cf134e02be7c55bcc9240b46.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
Ответ написан
kasheibess
@kasheibess
веб уже не тот
htmlbook.ru/css3-na-primerakh/radialnyi-gradient , а если нужно чтоб масштабировалось при ресайзе родителя, то только картинкой наверное... ну и для ie тоже картинкой придется вставлять... Я лично ставлю картинкой. Сейчас видимо мода в вебе на радиальный градиент.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы