Затухание текста на CSS3
<div class="shadow">
<div class="text">
----------------------------
</div>
</div>
<div class="text">
----------------------------
</div>
</div>
.shadow{
width:400px;
margin:20px auto;
cursor:text;
box-shadow:inset 0px -190px 190px -50px #add7f8;
}
.text{
color:#000;
position:relative;
z-index:-1;
background:#f9fca3;
}
width:400px;
margin:20px auto;
cursor:text;
box-shadow:inset 0px -190px 190px -50px #add7f8;
}
.text{
color:#000;
position:relative;
z-index:-1;
background:#f9fca3;
}
Пример
Рекомендую к просмотру:
- Функция рекурсивного создания директорий
- Ticker`ы на jQuery
- Текстовый ролловер(rollover)
- Функция вывода времени в текстовом формате
- HTML5 Placeholder Attribute