Форум сайта MyRusakov.ru

Сегодня увидел сайт с интересным фоном. По моему это градиентная заливка. Но как ее создать с помощью CSS? *** Неужели это одина сплошная картинка?

Там обычная картинка 100 на 100, которая размножена.

А как тогда сделать такой перелив? Низ светлее чем верх. Вверху по центру тоже светлое петно.

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

Теперь понял) CSS значит тут вообще ни причем. Получается все такие эффекты получаются путем наложения. А какие эффекты тогда можно сделать с помощью CSS? Кроме теней.

Это наложение и делается в CSS.

Да, т.е. просто вставляется background, но эффектом это не назовешь.

Каждый делает это по своему, можно взять картинку с градиентом и сделать её фоном, можно самому вырезать понравившийся градиент и растиражировать его на весь задний фон сайта или на шапку сайта.

Можно обратиться к сервису бесплатных градиентов и взять градиент там.

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

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

Подробнее здесь:
http://samisite.ru/vhod_css/str1.html

Что на счет вот такой записи:

background: #111;
background: -moz-linear-gradient(#444, #111);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#0F6, #111);

Разве плохо создавать градиенты в CSS ? Постоянно создовать растровые картинки а потом репитить как то глупо на мой взгляд. К тому же растр гораздо тяжелее вектора (в мб.) Изображения создаваемые в коде состоят из векторной графики, что гораздо лучше для скорости сайта. И гораздо проще делать.