榜单
免费GPT4.0
服务器优惠
IT文库
-
3. Selectors-选择器
选择器 CSS3 XPath 警告 选择器 CasperJS大量使用选择器来处理DOM，并且可以透明地使用CSS3或XPath表达式。 接下来的例子都基于下面的HTML代码： <!doctype html> <html> <head> <meta charset = "utf-8" > <title>... -
useTransition
useTransition 类型：Boolean 默认值：true（不建议修改） 作用：是否使用 CSS3 transition 动画。如果设置为 false，则使用 requestAnimationFrame 做动画。 备注：只有支持 CSS3 的浏览器开启才有效果。 -
文本效果
文本效果 text-shadow word-wrap 属性 源码 文本效果 CSS3 文本效果是这样一个术语用来在正常的文本中实现一些额外的特性。 主要是两个属性的 CSS3 文本效果,如下: text-shadow word-wrap 注意: Internet Explorer 10, Firefox,Chrome, Safari,... -
useTransform
useTransform 类型：Boolean 默认值：true（不建议修改） 作用：是否使用 CSS3 transform 做位移。如果设置为 false, 则设置元素的 top/left (这种情况需要 scroller 是绝对定位的)。 备注：只有支持 CSS3 的浏览器开启才有效果。 -
背景
背景 background-size background-origin 源码 背景 CSS3 Background 中包含几个新的背景属性，提供更大背景元素控制。 主要是2个背景属性： background-size background-origin 您还将学习如何使用多重背景图像。 background-size 该属性规定... -
过渡效果
过渡效果 transition-property transition-duration transition-timing-function transition-delay 源码 过渡效果 CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。 尽管 CSS3 过渡效果是足够的过渡的一个元素,但是 text-transform 属性可... -
3D
3D 转换 rotateX() rotateY() rotateZ() rotate3d() 转换方法 源码 参考 3D 转换 CSS3 3D Transform,用于 3 维动画或旋转。 CSS3 3D 转换是一个属性,用于改变元素的实际形式。这个特性可以改变元素的形状、大小和位置。 主要有下列方法： rotateX() ro... -
不直观
传统的CSS3编程的问题 以前，我们一般使用animate.css、zepto/jQuery的animate方法或者tween.js+css3进行交互特效编程。总结下来有三个缺点： 不直观 不直接 不方便 不直观 看下面这张图： 顺序影响结果，不直观。那么为什么会是这个结果？可以通过new WebKitCSSMatrix(transform_...