最近花了好些时间整理了一下CSS3的特效,利用比较直观易懂的方式表现出来跟大家分享一下,希望大家会有一点点的收获。
其中“ -moz- ” 一般指火狐的写法,“ -webkit- ” 一般指webkit内核浏览器的写法.
1、border-radius 实现圆角效果,只需一行CSS代码便可以实现,支持众多浏览器,当然不支持IE。

2、border-top-left-radius设置圆角各个角的半径值(不支持IE)

3、box-shadow实现阴影效果(不支持IE)

4、css3实现阴影和圆角完美结合,个人感觉这种效果挺不错的,很有立体感。

5、当别人机器上没有这种字体,而你又想让页面上设置成这种字体时,不防考虑将字体上传到服务器,只需要设置一个相对路径和字体名称就行。简单吧?

6、text-shadow实现多重阴影效果,打造炫丽色彩。

情非得已
21个Sketch实用高频小技巧2019-02-15
25款值得收藏的优秀网站模板免费下载2015-09-16
20套高质量的免费网页模版PSD素材2013-09-02
20款国外时尚大气的按钮开关PSD素材下载2013-07-31
CSS实例教程:十步学会用CSS建站2011-10-05
网页设计师:浅淡网页BANNER设计2010-09-27
网页细节教程:WEB设计精确点滴2010-09-13
网页设计中的点滴细节把握2010-09-01
总结交互组件创新的四种方式2010-06-28
最全的国外电子商务CSS模板下载2010-06-18
实例解析3种文档大屏适配方法
相关文章2632020-03-09
5个网站设计实例解析网页设计趋势
相关文章4452018-11-29
实例分析9款惊艳的网页设计作品
相关文章5142018-10-10
实例讲解各知名企业的LOGO进化过程
相关文章7292018-10-10
10种网页设计中字体的运用方式
相关文章3472018-05-10
实例解析如何提升设计产品的增值服务
相关文章2492017-11-17
通过交互实例如何让设计稿更规范化
相关文章2852017-11-17
巧用这5个网页设计技巧玩转视差特效
相关文章2812017-11-17
