Подробное описание и демонстрация работы блока «Эффекты для текста» для сайта под номером №2 для библиотеки Bootstrap. Html и CSS код для реализации блока forms на сайте как на изображении.
Fokit.ru
<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; } }