Efekt łagodnego przejścia z koloru jednego do drugiego (mieszanie barw)

Question

Witam.

Mieszanie barw w postaci tła czasami daje całkiem fajny efekt niż mielibyśmy umieścić tło w jednolitym kolorze.

Mam zamiar stosować taki zapis w CSS:

.content
{
	width: 1000px;
	height: 322px;
	background: linear-gradient(black, white);
}

Zapis: background: linear-gradient(black, white); daje całkiem fajny efekt łagodnego przejścia z koloru czarnego (na górze) do białego (na dole).

Znacie może jakiś inny zapis w CSS, który umożliwia jeszcze lepszy efekt przejścia barw?

Answer 1

Takie coś kiedyś wygenerowałem moim programem do tworzenia gradientów:

<h2 style="color:#fff; margin:0; padding:1em; border-bottom:1px solid #888; background-image: -moz-linear-gradient(right, #663300 0%, #cc9900 10%, #ffff00 20%, #ffff99 30%, #ffffcc 40%, #ffffff 50%, #ccccff 60%, #99ccff 69%, #3366ff 80%, #3333ff 90%, #000066 100%); background-image: -o-linear-gradient(right, #663300 0%, #cc9900 10%, #ffff00 20%, #ffff99 30%, #ffffcc 40%, #ffffff 50%, #ccccff 60%, #99ccff 69%, #3366ff 80%, #3333ff 90%, #000066 100%);">Gradient are based on the color palette</h2>

Działać powinno poprawnie na FireFox-ie i Operze.

Comments

Faktycznie daje to fajny efekt.

Answer 2

W CSS ta funkcja wydaje się wystarczająca użyteczna :) Poszukaj trochę po internecie i znajdziesz trochę przykładów :)