Скрытие текста градиентом снизу через css

rgba(255,255,255,0, 0.0) последние цифры 0.0 — это уровень прозрачности что может быть достигнут. максимум 1.0

	.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%);
   }

.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%);

}

Опубликовано в : Без рубрики

Метки :

Условия обработки персональных данных

Скрытие текста градиентом снизу через css

Цены

Последние видео админа

Последние комментарии

Свежие записи

Рубрики

Страницы

Архивы

Метки

Мета