Подробное описание и демонстрация работы блока «Эффекты для текста» для сайта под номером №10 для библиотеки Bootstrap. Html и CSS код для реализации блока forms на сайте как на изображении.
Fokit.ru
html разметка и css стили для реализации блока «Эффекты для текста»
<div class="demo">
<span class="text-effect">Best jQuery</span>
</div>
.demo{ background: #6cb3a7; }
.text-effect{
display: block;
font-size: 100px;
font-family: fontello, "Arial Black", sans-serif;
color: #6cb3a7;
text-align: center;
text-shadow: -3px 3px #000, -3px -3px #000, 3px -3px #000, 3px 3px #000, 6px 6px #ebf82f;
text-transform: uppercase;
}
@media only screen and (max-width: 990px){
.text-effect{ font-size: 80px; }
}
@media only screen and (max-width: 767px){
.text-effect{ font-size: 55px; }
}
@media only screen and (max-width: 479px){
.text-effect{ font-size: 40px; }
}
@media only screen and (max-width: 359px){
.text-effect{ font-size: 35px; }
}