Как изменить цвет градиента текста внутри Jumbotron?

Question

Я искал везде, где правильный код менял только текст (название) внутри Jumbotron.

Вот что я получил:

<div class="jumbotron"> 
     <div class="container text-center"> 
      <h1 class="method2">Title here</h1> 
      <p>Sub-heading</p> 
     </div> 

Я хочу изменить градиент окраски этого названия. Я видел код CSS где-то пошел, как это:

h1.method2{ 
-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,.5) 50%, rgba(0,0,0,1)); 
-webkit-mask-image: linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,.5) 50%, rgba(0,0,0,1)); 
} 

Проблема я столкнулся в том, что нижняя часть моего «Title здесь» немного похоже отрезали немного, поэтому я попытался повторно регулировать дно но это тоже не сработало. Все, что было сделано, это подталкивать подзаголовок ниже.

Я также не уверен, как работает этот шаблон градиента. Объяснений относительно окраски градиента шрифтов для бутстрапа не существует.

Может кто-нибудь объяснить, если я делаю что-то неправильно и как это работает?

спасибо.

Answer 1

Если вы загрузили CSS и вы его в папку, перейдите найти строку

.jumbotron .h1

там просто вставить код, который Вы отправляли сообщение

-webkit-mask-image: -webkit-linear-gradient (top, rgba (0,0,0,1), rgba (0,0,0, .5) 50%, rgba (0,0,0) , 1)); -webkit-mask-image: linear-gradient (top, rgba (0,0,0,1), rgba (0,0,0, .5) 50%, rgba (0,0,0,1)) ;

и это все, если вы импортирования CSS с их сайта, вы будете иметь, чтобы перезаписать его