rgba(255,255,255,0, 0.0) последние цифры 0.0 — это уровень прозрачности что может быть достигнут. максимум 1.0
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
.poduct_desc{ max-height: 62px; overflow: hidden; position:relative; } .poduct_desc::after { content: ''; /* Выводим элемент */ position: absolute; /* Абсолютное позиционирование */ right: 0; bottom: 0; /* Положение элемента */ width: 100%; /* Ширина градиента*/ height: 30%; /* Высота родителя */ /* Градиент */ background: -moz-linear-gradient(bottom, rgba(255,255,255, 0.0), #fff 100%); background: -webkit-linear-gradient(bottom, rgba(255,255,255, 0.0), #fff 100%); background: -o-linear-gradient(bottom, rgba(255,255,255,0, 0.0), #fff 100%); background: -ms-linear-gradient(bottom, rgba(255,255,255,0, 0.0), #fff 100%); background: linear-gradient(to bottom, rgba(255,255,255, 0.0), #fff 100%); } |