搜索
编程论坛 → WEB开发 → 『 WEB前端(UI) 』 → 怎么用CSS做出这样的效果
标题：怎么用CSS做出这样的效果
只看楼主
wxm198427
Rank: 16Rank: 16Rank: 16Rank: 16
等　级：版主
威　望：3
帖　子：561
专家分：25
注　册：2008-6-30
结帖率：52.7%
楼主
 已结贴√  问题点数：10 回复次数：7 
怎么用CSS做出这样的效果
如题，如图：
,像这种效果。具体就是两边从中间渐变的淡下去。
搜索更多相关主题的帖子: CSS　效果　
2010-05-19 17:29
Muyoo
Rank: 2
来　自：北京交通大学
等　级：论坛游民
帖　子：20
专家分：26
注　册：2010-3-28
第 2 楼
 得分:3 
回复 楼主 wxm198427
用PS做出这样的图，然后引用。是这意思？
2010-05-19 18:57
wxm198427
Rank: 16Rank: 16Rank: 16Rank: 16
等　级：版主
威　望：3
帖　子：561
专家分：25
注　册：2008-6-30
第 3 楼
 得分:0 
回复 2楼 Muyoo
ps当然行了，关键要用纯CSS做能不能做
2010-05-20 11:59
afeilee
Rank: 3Rank: 3
等　级：论坛游侠
帖　子：14
专家分：117
注　册：2010-3-15
第 4 楼
 得分:3 
跟CSS写制作圆角的方法一样吧，background-color设为依次加深和减淡！这要看对颜色把握的精细了
2010-05-20 13:43
gupiao175
Rank: 16Rank: 16Rank: 16Rank: 16
等　级：版主
威　望：40
帖　子：1787
专家分：7527
注　册：2007-6-27
第 5 楼
 得分:3 
CSS的滤镜应该可以，不过浏览器兼容问题又是一个麻烦！
但是冒失好象做不出PS那样绚丽的色彩来，普通渐变应该绝对没问题！

Q:1428196631，百度：开发地 即可找到我,有事请留言！
2010-05-20 18:53
gupiao175
Rank: 16Rank: 16Rank: 16Rank: 16
等　级：版主
威　望：40
帖　子：1787
专家分：7527
注　册：2007-6-27
第 6 楼
 得分:0 
上面那些白色的，应该可以用opacity设置透明度来完成，下面的那种晶莹剔透的效果，我就想不出来了！

Q:1428196631，百度：开发地 即可找到我,有事请留言！
2010-05-20 18:54
await
Rank: 1
等　级：新手上路
帖　子：6
专家分：0
注　册：2010-5-27
第 7 楼
 得分:0 
用ps做比较好吧，用css滤镜的话兼容方面很容易出问题……
2010-05-27 23:29
a597752582
Rank: 1
等　级：新手上路
帖　子：2
专家分：0
注　册：2011-8-8
第 8 楼
 得分:0 
最好用PS先做了，然后区一个像素的竖条进行水平平铺。
2011-08-09 10:09



参与讨论请移步原网站贴子：https://bbs.bccn.net/thread-307337-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有，并保留所有权利。
Powered by Discuz, Processed in 1.284040 second(s), 8 queries.
Copyright©2004-2025, BCCN.NET, All Rights Reserved