Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Анимация фона текста (https://javascript.ru/forum/events/11493-animaciya-fona-teksta.html)

seroy 26.08.2010 17:02

Анимация фона текста
 
Здравствуйте. Хотелось бы узнать - можно как-то сделать при помощи 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 пока не подобрал :(

Skipp 26.08.2010 17:35

ничего не понял!!!

seroy 26.08.2010 17:41

Цитата:

Сообщение от Skipp (Сообщение 68761)
ничего не понял!!!

нужно монохромную окраску текста изменить на фон рисунка. Так понятнее?

seroy 26.08.2010 18:31

Возможно, использовать текст как маску или через фильтр (?).

Попробовал с дивами, через
<style type="text/css">
   .transparent
{
   filter:alpha(opacity=50);  
   -moz-opacity: 0.5; 
   opacity: 0.5; 
}</style>


ничего толком не выходит.

Skipp 27.08.2010 09:15

а картинку с текстом сделать не получится?

seroy 27.08.2010 10:45

Цитата:

Сообщение от Skipp (Сообщение 68818)
а картинку с текстом сделать не получится?

Слишком много картинок делать) Текст генерится динамически.

Как вариант - рассматривал png с прозрачностью ниже 100 над текстом - но, похоже, изменить цвет самого текста так не получится, только придать оттенки, в лучшем случае.

http://www.webdesignerwall.com/tutor...t-text-effect/

Skipp 27.08.2010 11:59

seroy,
что значит изменить цвет самого текста?
стилями не проще, и поверх картинка с затемнением какой-то области.

Kolyaj 27.08.2010 12:07

Цитата:

Сообщение от Skipp
что значит изменить цвет самого текста?

Вот это ему надо, только без картинок.

seroy 27.08.2010 12:29

Цитата:

Сообщение от Kolyaj (Сообщение 68837)
Вот это ему надо, только без картинок.

точно так. видимо, если такое и возможно кроссбраузерно - только при помощи javascript - но не знаю, как именно реализовать. даже в каком направлении копать.


Часовой пояс GMT +3, время: 16:37.