Эффекты для текста на Bootstrap — стиль 4

Подробное описание и демонстрация работы блока «Эффекты для текста» для сайта под номером №3 для библиотеки Bootstrap. Html и CSS код для реализации блока forms на сайте как на изображении.

html разметка и css стили для реализации блока «Эффекты для текста»

<div class="container">
    <div class="row">
        <div class="col-md-12 ">
            <span class="text-effect">Best jQuery</span>
        </div>
    </div>
</div>

.text-effect {
    display: block;
    text-align: center;
    font-size:130px;
    font-weight:bold;
    font-family: serif;
    letter-spacing: .15em;
    color:#333;
    text-shadow:  0.45rem -0.45rem rgba(178, 217, 35, 0.75), -0.45rem -0.45rem rgba(39, 172, 227, 0.75), 0 0.5rem rgba(255, 213, 25, 0.75);
}
@media only screen and (max-width: 990px) {
    .text-effect{
        font-size: 90px;
    }
}
@media only screen and (max-width: 767px) {
    .text-effect{
        font-size: 70px;
    }
}

Теги: