你需要知道的CSS3 动画技术[译]（4）
作者：神采飞扬 来源：前端观察 发布时间：2009-12-30 17:02:00
标签：CSS3,动画,设计师
translate
这个名称“translate(转化)”有点容易误解。它事实上是一种使用X和Y坐标值定位元素的方法。
#nav{
/* 这会将nav元素向左移动10像素并向下移动20像素 */
-moz-transform: translate(10px, 20px);
-webkit-transform: translate(10px, 20px);
-o-transform: translate(10px, 20px);
}
浏览器支持
translate属性目前只被Firefox, Safari/Chrome和Oprea 10.5支持，而且还要使用浏览器的私有前缀-moz- 和-webkit-。
Skew
Skew也是一个很有用的transform功能，它可以将一个对象围绕着x和y轴按照一定的角度倾斜。这和rotate的旋转不一样，rotate只是旋转，而不会让元素的形状改变。skew会让一个元素的形状改变。skew有两个参数，分别代表x和y轴的倾斜度数。
#nav{
/* 这会将nav元素向左移动10像素并向下移动20像素 */
-moz-transform: skew(30deg, -10deg);
-webkit-transform: skew(30deg, -10deg);
-o-transform: skew(30deg, -10deg);
}
浏览器支持
Skew属性目前只被Firefox, Safari/Chrome和Oprea 10.5支持，而且还要使用浏览器的私有前缀-moz- 和-webkit-。
0
投稿猜你喜欢
- show tables或show tables from database_name;解释：显示当前数据库中所有表的名称show datab
- 在 Web 2.0 时代，开发人员和用户都对基于 Web 的应用程序的可用性和响应性抱有很高的期望。除非是在过去的两年内一直没有关注过这个领
- 如果我们希望把一个网站的更新实时发布到另一个网站上，最好的方法是通过 RSS 进行转载。如果只是需要简单的对更新的条目做个提示的话，使用 J
- 内容摘要：ASP开发人员为了在他们的设计项目中获得更好的性能和可扩展性而不断努力。幸运地是，有许多书籍和站点在这方面提供了很好的建议。但是这
- OL是有序列表，但给list-style-type:decimal 定义，在IE中却显示的全是1，在火狐、Opera、谷歌、Safari等中
一 MySQL WorkbenchMySQL Workbench提供DBAs和developers一个集成工具环境：1)数据库设计和建模2)- 先看一段HTML代码，在下边这段代码中，这张图片的宽度未知，我想写在CSS中写一行限制最大宽度为50px：<div id=&
- 1、页签的表达。页签表达很清晰，当前页签突出，且层级包涵关系明确；看下图，一目了然的感觉，不用疑惑我在那部分里。不信？拿当当的对比一下，你感
- 代码片段一：alert(Function instanceof Object); // truealert(Object instanceo
- 所有数据库和状态文件都包含在其中。但是，在确定数据目录内容的布局中管理员有某些职责。本文讨论为什么要移动数据目录的各个部分(甚至是字典本身)
- GetRepeatTimes(TheChar,TheString) 得到一个字符串在另一个字符串当中出现几次的函数(新)如：response
- 传入参数一个，为元素的id值或元素本身，返回为元素的真实背景色值（字符串）。 值得一提的是IE里面返回的是16进制的值，而Mozi
- PERCONA PERFORMANCE CONFERENCE 2009上，来自雅虎的几位工程师带来了一篇”Efficient Paginat
- 经常看见MOP上有人贴那种动态的图片，就是把一个字符串作为参数传给一个 * 页，就会生成一个带有这个字符串的图片，这个叫做文字水印。像什么原
- 经常用FLASH嵌入到网页里面，那咋能躲过W3C那个家伙呢？看下面！<object type="applicati
- 在应用系统开发初期，由于开发数据库数据比较少，对于查询SQL语句，复杂视图的编写，刚开始不会体会出SQL语句各种写法的性能优劣，但是如果将应
- jQuery的makeArray有其局限性（1.3.4还有bug），我自己实现了一个，不过涉及N多辅助方法。var dom = {},_to
- 本文只讨论Oracle中最常见的索引，即是B-tree索引。本文中涉及的数据库版本是Oracle8i。 一. 查看系统表中的用户索引 在Or
- 数据库连接：<％ set conn=server.createobject("adodb.connection&q
- JDBC连接MySQL数据库关键的四个步骤1、查找驱动程序MySQL目前提供的Java驱动程序为Connection/J，可以从MySQL官
