Mark54
@Mark54
Web-developer

Как сделать градиент в css?

Всем привет, подскажите пожалуйста, как сделать фон с градиентом
слева направо (из белого в прозрачный и снова переход в белый).
Получается сделать только из белого в прозрачный.
Прозрачность должна быть по середине, т.к. размещен логотип.
  • Вопрос задан
  • 296 просмотров
Решения вопроса 1
@selo
www.colorzilla.com/gradient-editor

background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(41,137,216,0.02) 52%, rgba(45,139,217,0) 53%, rgba(255,255,255,1) 100%); 
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(41,137,216,0.02) 52%,rgba(45,139,217,0) 53%,rgba(255,255,255,1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(41,137,216,0.02) 52%,rgba(45,139,217,0) 53%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 3
za4me
@za4me
Человек
Ок гугл. Генератор градиентов.
Ответ написан
Комментировать
aliencash
@aliencash
Партизан
div {
  background-image: linear-gradient(90deg, white, transparent 50%, white);
}

codepen.io/aliencash/pen/EWBRRq
Ответ написан
Комментировать
svrap
@svrap
В интернете же множество всяких готовых решений
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы