градиент в css, возможно?

[ztztss]

Интересно! И как это реализовать? Что-то не увидел там кода, который это все вытворяет.
Все браузеры видят такое творение?

Код смотри фаербагом - он же генерится джавой. Видят все браузеры.

А вопще как дети! Конечно в рабочей практике нужно градиент картинками делать. Самые продвинутые практичные методы - это с помошью прозрачности в ПНГ24, но всеравно картинкой.

То что я описал выше это был ответ на возгласы что градиенты цссом делать невозможно. Все возможно! Просто не практично. Метод в примере импользует очень много лишнего кода в разметке - он семантически не корректен. CSS3 через пару годиков можно будет в реальных сценариях использовать, а щс можно только как дополнение к стандартному коду, чтобы более продвинутые браузеры выгляделе чуть красивее

Еще из практичных методов можно джаваскриптом бе цсс рисовать градиенты.

 

[majahead]

Самые продвинутые практичные методы - это с помошью прозрачности в ПНГ24

Видимо я не продвинутый Где же тут практичность, если тебе придётся ставить фикс..., который ещё и без жабскриптов работать не будет...
Какие преимущества у продвинутого градиента ?

Чтоб понять мона или нет сделать градиент используя только css надо просто подумать головой... Градиент это когда один цвет, плавно, переходит в другой. В графическом редакторе величины меньше пикселя нет. Мы можем создать блок, одна сторона которого 1 пиксель ? Да. Можем ему написать любой цвет ? Да. Так в чём проблема ?

 

[ztztss]

Видимо я не продвинутый Где же тут практичность, если тебе придётся ставить фикс..., который ещё и без жабскриптов работать не будет...

Видимо да, не продвинутый

Сделай мне например градиент который налазит на картинку и позиция картинки-бекграунда меняется при изменении размера окна.

Еще почитай вот тут, думаю найдешь много нового и интересного:
habrahabr.ru/blogs/css/69327/

Чтоб понять мона или нет сделать градиент используя только css надо просто подумать головой... Градиент это когда один цвет, плавно, переходит в другой. В графическом редакторе величины меньше пикселя нет. Мы можем создать блок, одна сторона которого 1 пиксель ? Да. Можем ему написать любой цвет ? Да. Так в чём проблема ?

Да хорошо описанл метод который демонстрировался в моей ссылке на 3 постав выше )
Проблема в том что очень много блоков прийдется создавать )

 

[majahead]

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

много сильно понаписано, а картинок мало... я такое не читаю.

Сделай мне например градиент который налазит на картинку и позиция картинки-бекграунда меняется при изменении размера окна.

Ну поставлю фикс и воткну png полупрозрачный если это будет необходимо. Мы же тут не про прозрачность png в фоне, репитом, в ie6 обсуждаем... Не стать мне продвинутым градиентчиком...

Да хорошо описанл метод который демонстрировался в моей ссылке на 3 постав выше )
Проблема в том что очень много блоков прийдется создавать )

А суть написанного не в способе, а в том, что на некоторые вопросы можно отвечать, просто пораскинув мозгами...

 

[ztztss]

habrahabr.ru/blogs/css/69327/ много сильно понаписано, а картинок мало... я такое не читаю.

Вот тебе картинки к той статье. Обрати внимание на то что цвет еткста меняется по градиенту:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

А суть написанного не в способе, а в том, что на некоторые вопросы можно отвечать, просто пораскинув мозгами...

До всего можно дойти пораскинув мозгами, прочитав книжку и немного погуглив ))) Зачем тогда форум?

 

[majahead]

Интересно...

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Это тянится вот так <img class="gradient" src="index_files/background.png" alt="" height="100%" width="100%">

Идея интересная, но на практике мало где применима... И имеет существенные недостатки.. В обще я узнал нового...спасибо

Сделай мне например градиент который налазит на картинку и позиция картинки-бекграунда меняется при изменении размера окна.

Я понял ни так. Я думал надо градиент на прозрачном фоне, а под ним текст и цвет текста смешивается с цветом градиента. Так как я подумал, применял для теней резинового объекта на не однородном фоне, и как я подумал описанным на хабре способом не сделать.

Форум для того чтоб общатсо

 

[rafic]

Форум для того чтоб общатсо.

Форум существует для коллективного решения постановленной задачи.

 

[bental]

И кстати честные градиенты уже появились в спецфикации CSS3 и поддерживаются например Firefox 3.6

А где бы про-это почитать? А то нашёл только «красную» ссылку с Для просмотра ссылки Войди или Зарегистрируйся. В конце концов на гик-ориентированных сайтах можно уже верстать css-ными градиентами, заменяя их с помощью js на фильтры для IE и вставляя тем же js кучу дивов для opera, safari и прочая. (Ну кодер, я кодер, но иногда дизайном балуюсь)

 

[rafic]

Самый надежный и проверенный способ это картинка на бекграунд и все. Зачем изобретать велосипед?

 

[bental]

Самый надежный и проверенный способ это картинка на бекграунд и все. Зачем изобретать велосипед?

То же есть свои ограничения у способа. Но если брать png с альфа-прозрачностью + цветной фон — да очень хорошее решение. Но сделав какую-нибудь достаточно навороченную тему дизайна без графики можно попробовать с ней малость пропиарится, да и просто самому любопытно... Для тех же скруглённых (или заострённых, без разницы ) углов нормального решения без js или css3 для новых браузеров вообще нет... Вот и хотелось написать на .js какое нибудь комплексное решение.