2013-05-02 62 views
-4

我已经关注了图像并尝试为其创建渐变。我非常喜欢渐变学习,所以请帮助我获得这张图片的CSS。这项工作更受赞赏。 enter image description here为图像创建渐变

+0

有什么问题吗? – Kyle 2013-05-02 11:28:56

+0

@Kyle Sevenoaks我想要那个图像的CSS。 – Sanganabasu 2013-05-02 11:30:08

+0

@Sanganabasu你的问题写得不好,所以没有人知道你想要什么。此外,你不显示,从现在开始你试图做什么。 – HerrSerker 2013-05-02 11:48:57

回答

5

这个怎么样?

Demo

background: #2ea2f5; 
background: -moz-linear-gradient(top, #2ea2f5 0%, #2ea2f5 50%, #0089f3 50%, #0089f3 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ea2f5), color-stop(50%,#2ea2f5), color-stop(50%,#0089f3), color-stop(100%,#0089f3)); 
background: -webkit-linear-gradient(top, #2ea2f5 0%,#2ea2f5 50%,#0089f3 50%,#0089f3 100%); 
background: -o-linear-gradient(top, #2ea2f5 0%,#2ea2f5 50%,#0089f3 50%,#0089f3 100%); 
background: -ms-linear-gradient(top, #2ea2f5 0%,#2ea2f5 50%,#0089f3 50%,#0089f3 100%); 
background: linear-gradient(to bottom, #2ea2f5 0%,#2ea2f5 50%,#0089f3 50%,#0089f3 100%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ea2f5', endColorstr='#0089f3',GradientType=0); 

如果你想创造更多的梯度,是指这个来源,将让你的生活变得更容易

http://www.colorzilla.com/gradient-editor/