-
你需要知道的CSS3动画技术
本文译自Smashingmagazine,但是原文讲述的内容有些浅,也不是很完整,前端观察在翻译的前提下,增加了更多的更系统的内容。如有不足之处,欢迎指正补充。...
2014-11-16 21:49 -
CSS3属性之一:border-radius
语法: border-radius:none| length{1,4} [ / length{1,4} ]? 相关属性: border-top-right-radius , border-bottom-right-radius , border-bottom-left-radius , border-top-left-radius 取值: length: 由浮点数字和单位标识符组成...
2014-11-16 21:49 -
CSS3属性之二:box-shadow
语法: box-shadow:lengthlengthlengthlength||color 取值: lengthlengthlength?length? ||color: 阴影水平偏移值(可取正负值);阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色 说明: 设置块...
2014-11-16 21:49 -
CSS3属性之三:text-shadow
语法: text-shadow:none|lengthnone | [shadow, ] *shadow或none | color [, color ]* 相关属性: 无 取值: color: 指定颜色。 length: 由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的水平...
2014-11-16 21:49 -
CSS3属性之四:Multiple backgrounds
语法: background:[background-image]|[background-origin]|[background-clip]|[background-repeat]|[background-size]|[background-position] 相关属性:background-image| background-origin | background-clip |background-repeat| background-...
2014-11-16 21:49 -
CSS3属性之五:text-overflow
语法: text-overflow:clip| ellipsis 取值: clip: 不显示省略标记(...),而是简单的裁切。 ellipsis: 当对象内文本溢出时显示省略标记(...) 说明: 设置或检索是否使用一个省略标记(...
2014-11-16 21:49 -
CSS3动画之一:Transitions功能
在页面里加入些动画,可以是页面更加生动活泼,使用CSS3的动画功能,可以使页面上的文字或图像具有动画功能。比如说背景色从一种颜色,平滑的过度到另一种颜色。CSS3中的动画功...
2014-11-16 21:49 -
CSS3动画之二:Animations功能
Animations功能与Transitions功能相同,都是通过改变元素的属性值来实现动画效果,不同之处是:Transitions功能只能通过改变指定属性的开始值与结束值,然后再这两个属性值之间进行平滑...
2014-11-16 21:49 -
CSS3中的transform变形
在CSS3中,用Transform功能可以实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形,这四种变形分别使用rotate、scale、skew和translate这四种方法来实现。将这四种变形结合使用,就...
2014-11-16 21:49 -
谁是CSS3高手? 纯CSS3代码模拟iOS 不使用图片!
在老外这个物种中从来不缺乏代码大神, 这不竟然有个胖友使用CSS3 代码模拟出了绚丽的iOS 界面.目前的功能有 开机 关机 , 滑动解锁 等. 需要 最好使用 Mac OS X的 Safari浏览.而且竟然不使...
2014-11-16 21:49