Skapa en bakgrundsbild som tonar i olika färger

Permalänk

Skapa en bakgrundsbild som tonar i olika färger

Jag försöker hitta ett sätt som är effektivare än att använda sig utav en bild som man kör på repeat på bakgrundsbilden på en hemsida.

Finns det någon CSS-kod för att få en bakgrunds bild att t.ex. börja med att vara grön längst upp och sedan tona över till röd och är helt röd längst ner?

Permalänk
Medlem

Här har du en riktigt användbar sida: http://css3generator.com/

Edit: Gradients-generator fanns här: http://www.colorzilla.com/gradient-editor/

Visa signatur

Chassi Phanteks Enthoo Evolv. MB Gigabyte GA-z97M-D3H. CPU Intel Core i5-4670K@4.3GHz. Kylning Phanteks PH-TC14PE BLUE. SSD OCZ-Agility 3 120GB. GPU Gigabyte GTX 780 GHz @1440MHz. RAM 16GB Kingston HyperX blu 1600mhz. PSU Antec High Current Pro 1200W.
Laptop ASUS K55VM, Intel Core i5-3210M, Nvidia GT630M 2GB. 6GB RAM. Samsung 840 250GB SSD.

Permalänk

Ingen bild, men i CSS 5 ska det finnas. Sitter på telefon så har svårt att googla åt dig.

Visa signatur

CPU: Intel core i5 3450 | GPU: Asus Radeon HD 7870 | PSU: Corsair GS 600W | Moderkort: MSI b75a-g43 | HDD WD blue 500 GB | RAM: Crucial ballistiX 2x4gb DDR3 1600MHz | Ljudkort: Asus Xonar DG |

Permalänk

background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#fff));
background-image: -webkit-linear-gradient(top, #000, #fff);