Как можно в диве сделать такой градиент?

Question

[EgayVladimir]

Вот пример градиента

Comments

[Rustam Bainazarov]

background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 35%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.8) 65%, rgba(255,255,255,0) 100%);

https://cssgradient.io/ — если через инструменты разработчика неудобно настраивать.

[NQUARE]

Рустам Байназаров, У вас градиент не рабочий

[Rustam Bainazarov]

NQUARE, это где же он не работает? На 99% уверен, что задавали фон блоку с нулевой высотой, поэтому и не увидели.

Answer 1

[NQUARE]

На сайте cssgradient.io сделать нужный градиент и вставить его в свой CSS:

div {
    background: linear-gradient(90deg, rgba(59,59,59,1) 0%, rgba(153,153,153,1) 20%, rgba(224,224,224,1) 50%, rgba(153,153,153,1) 80%, rgba(59,59,59,1) 100%);
}