Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.08.2010, 17:02
Интересующийся
Отправить личное сообщение для seroy Посмотреть профиль Найти все сообщения от seroy
 
Регистрация: 19.08.2010
Сообщений: 14

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

Последний раз редактировалось seroy, 26.08.2010 в 18:05. Причина: новый source
Ответить с цитированием
  #2 (permalink)  
Старый 26.08.2010, 17:35
Аватар для Skipp
.
Отправить личное сообщение для Skipp Посмотреть профиль Найти все сообщения от Skipp
 
Регистрация: 30.03.2010
Сообщений: 1,813

ничего не понял!!!
__________________
.
Ответить с цитированием
  #3 (permalink)  
Старый 26.08.2010, 17:41
Интересующийся
Отправить личное сообщение для seroy Посмотреть профиль Найти все сообщения от seroy
 
Регистрация: 19.08.2010
Сообщений: 14

Сообщение от Skipp Посмотреть сообщение
ничего не понял!!!
нужно монохромную окраску текста изменить на фон рисунка. Так понятнее?
Ответить с цитированием
  #4 (permalink)  
Старый 26.08.2010, 18:31
Интересующийся
Отправить личное сообщение для seroy Посмотреть профиль Найти все сообщения от seroy
 
Регистрация: 19.08.2010
Сообщений: 14

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

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


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

Последний раз редактировалось seroy, 26.08.2010 в 18:45.
Ответить с цитированием
  #5 (permalink)  
Старый 27.08.2010, 09:15
Аватар для Skipp
.
Отправить личное сообщение для Skipp Посмотреть профиль Найти все сообщения от Skipp
 
Регистрация: 30.03.2010
Сообщений: 1,813

а картинку с текстом сделать не получится?
__________________
.
Ответить с цитированием
  #6 (permalink)  
Старый 27.08.2010, 10:45
Интересующийся
Отправить личное сообщение для seroy Посмотреть профиль Найти все сообщения от seroy
 
Регистрация: 19.08.2010
Сообщений: 14

Сообщение от Skipp Посмотреть сообщение
а картинку с текстом сделать не получится?
Слишком много картинок делать) Текст генерится динамически.

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

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

Последний раз редактировалось seroy, 27.08.2010 в 11:07.
Ответить с цитированием
  #7 (permalink)  
Старый 27.08.2010, 11:59
Аватар для Skipp
.
Отправить личное сообщение для Skipp Посмотреть профиль Найти все сообщения от Skipp
 
Регистрация: 30.03.2010
Сообщений: 1,813

seroy,
что значит изменить цвет самого текста?
стилями не проще, и поверх картинка с затемнением какой-то области.
__________________
.
Ответить с цитированием
  #8 (permalink)  
Старый 27.08.2010, 12:07
Новичок на форуме
Отправить личное сообщение для Kolyaj Посмотреть профиль Найти все сообщения от Kolyaj
 
Регистрация: 19.02.2008
Сообщений: 9,177

Сообщение от Skipp
что значит изменить цвет самого текста?
Вот это ему надо, только без картинок.
Ответить с цитированием
  #9 (permalink)  
Старый 27.08.2010, 12:29
Интересующийся
Отправить личное сообщение для seroy Посмотреть профиль Найти все сообщения от seroy
 
Регистрация: 19.08.2010
Сообщений: 14

Сообщение от Kolyaj Посмотреть сообщение
Вот это ему надо, только без картинок.
точно так. видимо, если такое и возможно кроссбраузерно - только при помощи javascript - но не знаю, как именно реализовать. даже в каком направлении копать.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
случайная смена фона сайта на jquery Netherlandman jQuery 8 25.08.2010 03:11
Анимация. Помогите понять почему не работает. kadurban jQuery 4 08.07.2010 20:50
Цикличность анимация? SashaBorandi jQuery 1 25.12.2008 09:20
Firefox: перехватить соббытие при перетаскивании текста no_alex Общие вопросы Javascript 9 21.08.2008 18:02
анимация текста Гость Общие вопросы Javascript 2 29.07.2008 09:41