Предлагаем широкий спектр веб услуг по разработке,
поддержке и продвижению веб-сайтов.
Гарантируем качество и высокий уровень сдаваемых проектов.

Курсы валют ЦБ РФ, руб.
USD = 59.63
EURO = 70.36
GBP = 78.92
CAD = 46.72
100 JPY = 52.96
CNY = 89.87
AUD = 45.04
SGD = 43.95

Наверно Вы часто видели плавно затухающий текст, который скрывается за таблицей, следующей строкой, блоком или полем другого элемента. Многие делают это с помощью скриптов или наложения прозрачной картинки.

 Эти методы плохи и устаревшие уже. Зачем лепить в загрузку еще одну микро картинку или подключать к шаблону еще 105-й по счету скрипт, который возможно будет требовать библиотеку JQuery, тут возможен и конфликт скриптов.

Сейчас на дворе 21 век и время HTML 5 и CSS3.

Так давайте делать сайты для новых браузеров, используя новые стандарты, которые более проще и понятнее:

HTML код:

 

<div style="position: relative; display: table;"> 
Примерный текст <div class="right-shadow"></div>
</div>

 

 CSS код:

 

.right-shadow {
background-image:linear-gradient(left center , rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(left center , rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
background-image: -o-linear-gradient(left center , rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
background-image: -khtml-linear-gradient(left center , rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(left center , rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(left center , rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
height: 100%;    position: absolute;    right: 0;    top: 0;    width: 20px;    z-index: 2;
}

 

 Вот это даст такой результат:

 

Примерный текст




скрыть

Есть вопросы или нужна консультация ?

Позвоните нам по тел. 8914-32-00-603