怎么用CSS做出这样的效果 - WEB前端(UI) - 编程论坛

| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛 |

编程论坛 → WEB开发 → 『 WEB前端(UI) 』 → 怎么用CSS做出这样的效果

我的收件箱(0)

欢迎加入我们，一同切磋技术

共有 1140 人关注过本帖

标题：怎么用CSS做出这样的效果

只看楼主加入收藏

wxm198427

性别保密呀，离线，找我有事吗？

Rank: 16

Rank: 16

Rank: 16

Rank: 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

收藏

得分:3

回复楼主 wxm198427

用PS做出这样的图，然后引用。是这意思？

发帖时间

2010-05-19 18:57

wxm198427

性别保密呀，离线，找我有事吗？

Rank: 16

Rank: 16

Rank: 16

Rank: 16

等　级：版主
威　望：3
帖　子：561
专家分：25
注　册：2008-6-30

收藏

得分:0

回复 2楼 Muyoo

ps当然行了，关键要用纯CSS做能不能做

发帖时间

2010-05-20 11:59

afeilee

帅哥哟，离线，有人找我吗？

Rank: 3

Rank: 3

等　级：论坛游侠
帖　子：14
专家分：117
注　册：2010-3-15

收藏

得分:3

跟CSS写制作圆角的方法一样吧，background-color设为依次加深和减淡！这要看对颜色把握的精细了

发帖时间

2010-05-20 13:43

gupiao175

帅哥哟，离线，有人找我吗？

Rank: 16

Rank: 16

Rank: 16

Rank: 16

等　级：版主
威　望：40
帖　子：1787
专家分：7527
注　册：2007-6-27

收藏

得分:3

CSS的滤镜应该可以，不过浏览器兼容问题又是一个麻烦！
但是冒失好象做不出PS那样绚丽的色彩来，普通渐变应该绝对没问题！

Q:1428196631，百度：开发地即可找到我,有事请留言！

发帖时间

2010-05-20 18:53

gupiao175

帅哥哟，离线，有人找我吗？

Rank: 16

Rank: 16

Rank: 16

Rank: 16

等　级：版主
威　望：40
帖　子：1787
专家分：7527
注　册：2007-6-27

收藏

得分:0

上面那些白色的，应该可以用opacity设置透明度来完成，下面的那种晶莹剔透的效果，我就想不出来了！

Q:1428196631，百度：开发地即可找到我,有事请留言！

发帖时间

2010-05-20 18:54

await

帅哥哟，离线，有人找我吗？

Rank: 1

等　级：新手上路
帖　子：6
专家分：0
注　册：2010-5-27

收藏

得分:0

用ps做比较好吧，用css滤镜的话兼容方面很容易出问题……

发帖时间

2010-05-27 23:29

a597752582

帅哥哟，离线，有人找我吗？

Rank: 1

等　级：新手上路
帖　子：2
专家分：0
注　册：2011-8-8

收藏

得分:0

最好用PS先做了，然后区一个像素的竖条进行水平平铺。

发帖时间

2011-08-09 10:09

快速回复：怎么用CSS做出这样的效果

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

编程中国 版权所有，并保留所有权利。

Powered by Discuz, Processed in 0.035298 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved