0

我正在学习使用 CSS。作为开发我的一个应用程序的一部分,我必须以卡片的形式在 UI 上显示信息。我似乎无法在 css3 中获得正确的渐变。我不想使用 Photoshop 来获得这种丰富的外观。任何建议都会有所帮助。特别是我可以使用登录窗口后面的白色突出显示的帮助

http://4.bp.blogspot.com/-97uMEG8EH7k/Ti3-onpY-BI/AAAAAAAAA04/E7PMsEomKk4/s1600/110726_Facebook-in-iPad-Screen4.jpg

4

2 回答 2

3

我不会给你完整的解决方案,而是一些提示应该如何实现:

  1. 用于radial gradient使背景在中心更亮,在边缘附近更暗。因为渐变中间会有一个登录窗口,所以会得到一个白色的高亮效果!

  2. 用户linear gradient作为登录表单窗口的背景。

  3. 在登录表单窗口上设置border-radius以使该窗口边缘变圆。

  4. 在登录时将窗口设置box-shadow为该窗口下的阴影。

于 2013-03-15T22:04:57.830 回答
1

(正如标题所示,我假设您只想知道如何创建渐变)

1) 使用浏览器的颜色选择器扩展选择颜色(如 Chrome 的吸管)

2) 使用这个很酷的 CSS3 渐变生成器:http: //www.colorzilla.com/gradient-editor/

而且,你完成了:)。

于 2013-03-15T22:06:53.577 回答