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

Fokit.ru
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 {
    font: 70px sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.35rem;
    color: #f5e894;
    text-shadow: -4px 4px 0 #82c9fb, -6px 6px 0 rgba(255, 255, 255, 0.5);
    display: block;
    text-align: center;
    padding: 20px 0;
    font-weight: bold;
}
@media only screen and (max-width: 767px) {
    .text-effect{
        font-size: 50px;
    }
}
@media only screen and (max-width: 479px) {
    .text-effect{
        font-size: 35px;
    }
}


Теги:
0

Оставить своё мнение

Ваш e-mail не будет опубликован. Обязательные поля помечены *