этим скриптом не получается сделать чёткий переход от серого к белому как в моей задаче. всё время получается плавный градиент, а мне бы этого не надо...
|
а если так попробовать?
http://css-tricks.com/snippets/css/gradient-text/ а для блока текста устанавливаете background-color: transparent. http://htmlbook.ru/css/background-color я правда сам не пробовал, и в цсс полный ноль, только осваиваю, но может же заработать? upd: неплохой еще вариант — тупо взять, да вырезать текст картинкой .png с прозрачным фоном в фотошопе. работает во всех браузерах, занимает мало место, не тратит вашего времени. и кроме того, имхо, это самое правильное решение для подобных заголовков. |
<style>
h1#demo {
font-size: 60px;
background: -webkit-linear-gradient(top, #DDD 30%,#000 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
<h1 id="demo">
Example</h1>
upd. только картинкой :) |
вот кстати нашёл http://dgreeze.ru/jscript/14-gradienty-dlya-teksta.html
может кому-нибудь тоже пригодится всем спасибо за помощь |
Цитата:
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<style type="text/css">
body{
background-color: #030D46;
text-align: center;
font-size: 24px;
height: 50px;
width: 700px
}
div {
overflow:hidden;
position:absolute;
left: 5px;
white-space:nowrap;
}
.text {
color: #999;
height: 17px;
top:5px;
}
.text2 {
color: #fff;
height: 9px;
top:22px
}
.text2 span {
display: block;
position:relative;
left:0;
top:-17px;
height: 18px;
}
</style>
</head>
<body>
<div class="text"><span>Привет мир!</span></div>
<div class="text2"><span>Привет мир!</span></div>
</body>
</html>
Хотя, за ссылку спасибо, вдруг пригодится :) |
Цитата:
|
Цитата:
Хотя, кому, что интереснее. |
Цитата:
|
к сожалению, уважаемая общественность, ни один из предложенных способов не подходит
способ рони нехорош тем, что невозможно количественно регулировать градиент. например мне нужно чтобы он распространялся от верхней части буквы вниз на 30%. в способе, который я предложил тоже есть подвох. высота строки становится неконтролируемо большой. непонятно с чем это связано. это особенно заметно когда строк текста несколько. отступы по бокам пропадают. |
Цитата:
|
| Часовой пояс GMT +3, время: 23:27. |