Для создания подобной картинки понадобится очень простая верстка:
<div class="gradient">
Тут будет длинный текст, который скроется
</div>
Теперь нужно добавить немного стилей:
.gradient{
height: 200px;
}
.gradient:before{
content:"";
display:block;
height:100px;
width: 100%;
position:absolute;
top:100px;
background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%)
}
Таким быстрым способом заливается градиент.
