Анимация фона текста
Здравствуйте. Хотелось бы узнать - можно как-то сделать при помощи javascript (и/ или css) анимацию фона текста. Грубо говоря - есть текст, его цвет можно изменить при помощи html, css, javascript. А если мне необходимо сделать его трехцветным, "под цвет российского флага"? (как пример). См. флеш-баннер Е.Новикова (слова - "Россия, вперед!"):
http://www.almrally.ru/ В конце концов, фон div'a можно изменить при помощи css (хотя это и не во всех браузерах) - а как быть с фоном текста? Вот увидел что-то, может, то самое: http://habrahabr.ru/blogs/css/22197/
<style>
div {
background: url(green-background.png), black;
border:5px solid black;
padding:5px;
-webkit-background-clip: text, border;
color: transparent;
}
</style>
<div>
Hello, world! <!--This background clips to the text.-->
</div>
Соответствий для IE>7 и для Gecko пока не подобрал :( |
ничего не понял!!!
|
Цитата:
|
Возможно, использовать текст как маску или через фильтр (?).
Попробовал с дивами, через
<style type="text/css">
.transparent
{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}</style>
ничего толком не выходит. |
а картинку с текстом сделать не получится?
|
Цитата:
Как вариант - рассматривал png с прозрачностью ниже 100 над текстом - но, похоже, изменить цвет самого текста так не получится, только придать оттенки, в лучшем случае. http://www.webdesignerwall.com/tutor...t-text-effect/ |
seroy,
что значит изменить цвет самого текста? стилями не проще, и поверх картинка с затемнением какой-то области. |
Цитата:
|
Цитата:
|
| Часовой пояс GMT +3, время: 21:07. |