本文摘自PHP中文网,作者云罗郡主,侵删。
CSS3的新特征有:1、圆角效果;2、图形化边界;3、块阴影与文字阴影;4、使用RGBA实现透明效果;5、渐变效果;6、使用“@Font-Face”实现定制字体;7、多背景图;8、文字或图像的变形处理;9、多栏布局;10、媒体查询等。
本文操作环境:Windows7系统,css3版,Dell G3电脑。
CSS3 是 CSS 的升级版本,这套新标准提供了更加丰富且实用的规范,如:盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等等,目前有很多浏览器已经相继支持这项升级的规范,如:Firefox、Chrome、Safari、Opera 等等。在 Web 开发中采用 CSS3 技术将会显著的美化我们的应用程序,提高用户体验,同时也能极大的提高程序的性能。本文将重点介绍一些比较绚丽且实用 CSS3 新特性。
一:CSS3选择器
1.基本选择器
2.属性选择器
3.伪类选择器
二:CSS3边框与圆角
1.CSS3圆角border-radius
2.盒阴影box-shadow
三:CSS3背景与渐变
1.CSS3背景
background-image
2.CSS3渐变
定义:可以在两个或者多个指定颜色之间显示平移的过渡
四:CSS3过渡
定义:允许css的属性值在一定时间区间内平滑的过渡,在鼠标点击,鼠标滑过或对元素任何改变中触发,并圆滑地以动画形式改变css的属性值。
五:CSS3变换
定义:让一个元素在一个坐标系统中变形,这个属性包含一系列的变形函数,可以移动,旋转,缩放元素。
六:CSS3动画
定义:使元素从一种样式逐渐变化到另外一种样式的效果。
以上就是css3新特性有哪些的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
CSS3中text-shadow实现文字阴影效果(代码实例 )
html5实践-使用CSS3如何完成google涂鸦动画的详解
更多相关阅读请进入《CSS3》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者