Как использовать градиенты в CSS для создания эффекта затухания?

Чтобы использовать градиенты в CSS для создания эффекта затухания, нужно добавить прозрачность. html5css.ru Для этого используют функцию RGBA() для определения ограничителей цвета. html5css.ru Последний параметр в функции может быть значением от 0 до 1, и он определяет прозрачность цвета: 0 указывает на полную прозрачность, 1 — на полный цвет (без прозрачности). html5css.ru

Пример кода для затемнения текста при переполнении контейнера: sky.pro

.fade-text {   position: relative;   overflow: hidden;   max-height: 100px; } .fade-text:after {   content: '';   position: absolute;   bottom: 0;   width: 100%;   height: 40px;   background: linear-gradient(to bottom, rgba(255,255,255,0), #FFF); } 

В этом примере при использовании linear-gradient обеспечивается плавный переход от полной прозрачности к цвету, который соответствует фону контейнера. sky.pro