Background-image из элементов страницы

[Анна]

А можно ли сделать Background-image для страницы не из картинки, а из описанного элемента в css файле(допустим опишем в css квадратик, а потом как-то вставим его в фон повторяться )без JS?В html5 css3?

[SelenIT]

Можно очень многое через градиенты. Буквально сегодня у конкурентов вышла хорошая статья по теме. Еще много ценных образцов можно подсмотреть на CSS1k.com...

[Анна]

Можно очень многое через градиенты. Буквально сегодня у конкурентов вышла хорошая статья по теме. Еще много ценных образцов можно подсмотреть на CSS1k.com...

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

Вопрос, там есть такое:

behavior: url(pie.htc)

,что за .htc?

Edited November 8, 2011 by AnnaP

[zSpx]

Behavior. Фишка старых IE позволяющая подключать в CSS внешний JavaScript, вроде бы так. Т.е. htс = js

Конкретно тут - это http://css3pie.com/

Edited November 8, 2011 by zSpx

[Radiocity]

Можно очень многое через градиенты. Буквально сегодня у конкурентов вышла хорошая статья по теме. Еще много ценных образцов можно подсмотреть на CSS1k.com...

Wow! Спасибо за статью. Даже не думал, что так можно делать.

[Анна]

zSpx,спасибо!

SelenIT, CSS1k.com, тоже отличная ссылка!

[Softlink]

Ну и до кучи уже раз и два. Когда сам первый раз увидел - глаза хорошенько округлились

Видел пример Чикуенка, где он text-decoration делал на градиентах

[SelenIT]

Ух ты! От ссылки "два" у меня была та же реакция . До чего дошел прогресс, ай да третий CSS!

[Softlink]

Пытался сам сделать "шумный" фон на градиентах, чего-то не вышло. Сильно много цветов, которые надо сочетать, причем в хаотичном порядке. В общем, ерунда получилась))

[Анна]

Ну и до кучи уже раз и два. Когда сам первый раз увидел - глаза хорошенько округлились

Видел пример Чикуенка, где он text-decoration делал на градиентах

В первой ссылке они все же JS вроде задействовали, а вот вторая прелесть просто,класс!

[Softlink]

Ну и до кучи уже раз и два. Когда сам первый раз увидел - глаза хорошенько округлились

Видел пример Чикуенка, где он text-decoration делал на градиентах

В первой ссылке они все же JS вроде задействовали, а вот вторая прелесть просто,класс!

Да нет вроде бы. Сам копировал себе код и проверял\экспериментировал. Надо клацнуть на понравившийся пример и он тебе во все окошко +код его выведен.

[amelice]

Видел пример Чикуенка, где он text-decoration делал на градиентах

а покажи-ка?

Edited November 8, 2011 by cheburek

[Softlink]

Видел пример Чикуенка, где он text-decoration делал на градиентах

а покажи-ка?

Вот http://jsfiddle.net/yyHNp/5/, хитрого, правда ничего нет. С учетом ссылок "раз" и "два", можно подумать как и волнистое подчеркивание забабахать

[Анна]

Да нет вроде бы. Сам копировал себе код и проверял\экспериментировал. Надо клацнуть на понравившийся пример и он тебе во все окошко +код его выведен.

что интересно как раз пробовала и не получилось, а со второй ссылки да, яблочки отлично встали фоном))

[amelice]

Вот http://jsfiddle.net/yyHNp/5/, хитрого, правда ничего нет. С учетом ссылок "раз" и "два", можно подумать как и волнистое подчеркивание забабахать

На моем еле дышащем ноуте эффект градиента не очень заметно, блеклое подчеркивание получается. Но все же необычно.

[Softlink]

Да нет вроде бы. Сам копировал себе код и проверял\экспериментировал. Надо клацнуть на понравившийся пример и он тебе во все окошко +код его выведен.

что интересно как раз пробовала и не получилось, а со второй ссылки да, яблочки отлично встали фоном))

Там префиксов не хватает. Т.е. сделали в общем виде, чтобы было понятно просто.

[Radiocity]

Пытался сам сделать "шумный" фон на градиентах, чего-то не вышло. Сильно много цветов, которые надо сочетать, причем в хаотичном порядке. В общем, ерунда получилась))

А вы с этим попробуйте

[Softlink]

Пытался сам сделать "шумный" фон на градиентах, чего-то не вышло. Сильно много цветов, которые надо сочетать, причем в хаотичном порядке. В общем, ерунда получилась))

А вы с этим попробуйте

Дело не в самом градиенте. Я не придумал, как делать рандомное отображение градиента. Ведь во всех примерах все упорядочивается через background-position и background-size.

[Radiocity]

Дело не в самом градиенте. Я не придумал, как делать рандомное отображение градиента. Ведь во всех примерах все упорядочивается через background-position и background-size.

Простите, но мне не совсем понятно, что Вы понимаете под "рандомным отображением" =\

[Softlink]

Дело не в самом градиенте. Я не придумал, как делать рандомное отображение градиента. Ведь во всех примерах все упорядочивается через background-position и background-size.

Простите, но мне не совсем понятно, что Вы понимаете под "рандомным отображением" =\

Посмотрите фон на этой странице http://lea.verou.me/css3patterns/ Помасштабируйте ее. Видите как там разбросаны темные пискели? Вот как этого можно добиться периодичностью?

[SelenIT]

Насколько я понимаю, эта иллюзия рандомности и есть воплощение "принципа цикады". Несколько повторяющихся фонов накладываются друг на дружку с взаимно простыми периодами, в итоге каждая локальная комбинация не повторяется вплоть до наименьшего общего кратного периодов.

[Softlink]

Насколько я понимаю, эта иллюзия рандомности и есть воплощение "принципа цикады". Несколько повторяющихся фонов накладываются друг на дружку с взаимно простыми периодами, в итоге каждая локальная комбинация не повторяется вплоть до наименьшего общего кратного периодов.

Можно попробовать) Тогда еще и с числами Фибоначчи поиграться. Мало ли