Я хочу иметь коробку с двумя цветами с серебром сверху, и она должна медленно исчезать в белый цвет, как и на домашней странице Apple. Как мне это сделать?Как мне смешивать цвета с помощью CSS?
Спасибо, что и всегда.
Вы ищете градиентный фон?
http://www.tizag.com/cssT/background.php
искать «CSS градиент фона»
есть больше статей, если вы Google: градиент фона CSS
Обратите внимание, что фоновые градиенты работают во всех современных браузерах, и у IE был способ сделать это в течение длительного времени. Чтобы вам было проще, попробуйте использовать ColorZilla Gradient Generator, который создает для вас версии Webkit, Mozilla и IE, так же, как редактор градиента Photoshop делает следующее: http://www.colorzilla.com/ градиент-редактор / –
Основная идея заключается в том, чтобы использовать фоновое изображение, которое делает градиент для вас , Вы отправили цвет фона страницы на «конечный» цвет градиента, затем примените фоновое изображение градиента с помощью CSS с повторением в противоположном направлении, в котором вы хотите, чтобы градиент протекал. Поэтому, если вы хотите, чтобы 100-пиксельный, от серебристого до белого, градиент сверху вниз, вы создавали пиксельное изображение 100Hx1W, которое охватывает ваши цвета сверху донизу. Установите цвет фона на белый и примените фоновое изображение, повторяющееся по оси x. Вы можете легко создать градиент, используя инструмент градиента в Photoshop или GIMP.
#body
{
background: #ffffff url(/images/bg.jpg) repeat-x;
}
Если вы хотите использовать CSS3 здесь отличный пример: http://css-tricks.com/examples/CSS3Gradient/
W/о CSS3, вы должны сделать с повторен изображение по горизонтали (х-повтор), подобно тому, что tvanfosson сказал.
Heres дружелюбный совет вам, если вы не возражаете. Пожалуйста, примите вопрос. Будьте полезны людям, которые вам помогают :-) –