Денис в рубрику JavaScript

Вопрос: Как реализовать шторку как на YouTube?

Здравствуйте.
Я тут на днях подумал, а как сделать качественно шторку как на ютюбе.
Т.е. с прозрачностью на пару пикселей вверх. Есть ли какая то готовая реализация? Если нет то очень буду рад инструкции :) Вообще хочу у себя на сайте такую шторку на картинку поставить, а то с картинкой очень сайт нагружен, а так кому надо то нажмёт, вообще классная штука!
Заранее спасибо за ответ.

Задайте свой вопрос

Если у вас есть вопрос по разработке или дизайну сайтов, вы можете задать его на Временно.нет и тысячи наших читателей помогут вам найти на него ответ.

Задать свой вопрос

Расскажите друзьям

Ответы на вопрос — 4

Денис
ух она и у вас на сайте есть :)
#
Денис
GEXmur
Там обычный див с градиентом в прозрачность, это очень хорошо видно в Опере, которая градиент не поддерживает.
#
GEXmur
GEXmur
Update. Вот как у ютуба:
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0) 0pt, #FFFFFF 95%);
#
GEXmur
Денис
а яваскрипт который меняет размер диву? или я туплю)
#
Денис

Новый ответ

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть

metin2 pvp metin2 pvp serverler pvp serverler