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

Question

[DeniSidorenko]

Подскажите как задать такой градиент, интересует только правильный градиент, остальное знаю ( Где названия в конце) Пробовал создавать в css generator gradient не получается. Тут идет от непрозначности к прозрачности

Comments

[zoozag]

Какой такой?

[spike__x]

zoozag, Невидимый :)))

Answer 1

[Егор Живагин]

А это чаще всего не градиент

.text-block:after{
  content: '';
  width: 10px;
  background-color: rgba(0,0,0,0.2);
}

Comments

[Андрей Саныч]

как раз таки чаще все это градиент

[Сергей delphinpro]

Всё верно, только на бекграунде linear-gradient

[DeniSidorenko]

Сергей, А вот никак не могу создать этот градиент. Никак не получается как мне надо :D

[Сергей delphinpro]

DeniSidorenko, ну покажи что получается. кто-нибудь поправит. прямо как первый раз замужем... про песочницы не слышал

Answer 2

[zoozag]

Если от непрозрачности к прозрачности, то можно примерно так

-webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));

Comments

[DeniSidorenko]

извиняюсь , забыл картинку вставить, обновил

[zoozag]

Если как в примере то лучше использовать обычный градиент из прозрачного белого в непрозрачный

background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );