CSS3新特性简介
2020-11-24 18:09
标签：css css3 web开发 html5 1.CSS3 边框：通过 CSS3，能够创建圆角边框，向矩形添加阴影，使用图片来绘制边框，如border-radius；box-shadow；border-image 2.CSS3 背景：CSS3 包含多个新的背景属性，它们提供了对背景更强大的控制。background-size；background-origin 3.CSS3 文本效果：CSS3 包含多个新的文本特性。text-shadow；word-wrap 4.CSS3 @font-face规则：可将设计师希望使用的字体文件存放到web服务器上，它会在需要时被自动下载到用户的计算机上，即可使用任意字体。在新的@font-face规则中，您必须首先定义字体的名称（比如myFirstFont），然后指向该字体文件。 2D 转换方法：translate()；rotate()；scale()；skew()；matrix()。Chrome 和 Safari 需要前缀 -webkit-，Internet Explorer 9 需要前缀 -ms- 6.3D 转换：CSS3 允许您使用 3D 转换来对元素进行格式化。 3D 转换方法：rotateX()；rotateY() Opera 仍然不支持 3D 转换。 规定效果的时长：默认值是 0； 规定动画的时长; CSS3新特性简介,搜素材,soscw.com CSS3新特性简介 标签：css css3 web开发 html5 原文地址：http://blog.csdn.net/daydayyup/article/details/24911261
CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。
要实现这一点，必须规定两项内容：
规定您希望把效果添加到哪个 CSS 属性上；
@keyframes规则用于创建动画。在@keyframes中规定某项CSS样式，就能创建由当前样式逐渐改为新样式的动画效果。
请把它捆绑到某个选择器，否则不会产生动画效果。
通过规定至少以下两项 CSS3 动画属性，即可将动画绑定到选择器：
规定动画的名称;
10.CSS3 用户界面：在 CSS3 中，新的用户界面特性包括重设元素尺寸、盒尺寸以及轮廓等。
resize
box-sizing
outline-offset