首页 > 教程 > 关键词  > box-shadow最新资讯  > 正文

css3中圆角和阴影的实验

2010-07-27 12:28 · 稿源:腾讯科技

《css3中圆角和阴影的实验》文章已经归档,站长之家不再展示相关内容,下文是站长之家的自动化写作机器人,通过算法提取的文章重点内容。这只AI还很年轻,欢迎联系我们帮它成长:

无奈~~在CSS3里面比较常用的是border-radius(圆角)和box-shadow(阴影)...

IE7啥都不识别(杯具一个)...

各种浏览器对CSS3的box-shadow支持情况...

但是多变的box-shadows同样很好,因为它使复杂的梯度设计,就像我所设计按钮的斜面,完全不需要任何图片...

根据源代码所显示的效果来看,Safari啥都不支持...

所以Safari渲染RGBa还可以,但是目前还不支持insetbox-shadows(内阴影)...

由于它使用了Webkit来定义,尝试去创建正确的内阴影,但是产生了渲染错误(这些方形的边角明显伸出了边界),而不像其兄弟Safari啥也不做...

两者都产生了平滑的按钮并且没有渲染错误,并且非常平滑,很好的渐变阴影远远超过了定义4px来产生一个Photoshop质量的效果...

......

本文由站长之家用户“腾讯科技”投稿,本平台仅提供信息索引服务。由于内容发布时间超过平台更新维护时间,为了保证文章信息的及时性,内容观点的准确性,平台将不提供完整的内容展现,本页面内容仅为平台搜索索引使用。需阅读完整内容的用户,请联系作者获取原文。

举报

  • 相关推荐
  • 大家在看

今日大家都在搜的词: