你需要知道的CSS3 动画技术[译]（2）
作者：神采飞扬 来源：前端观察 发布时间：2009-12-30 17:02:00
标签：CSS3,动画,设计师
Rotate
transform属性有很多用法，其中一个就是translate(旋转)。translate就是基于角度转动一个对象并可用于内联元素和块级元素，它可以实现很酷的效果。
#nav{ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
请注意在IE8中(非标准模式)它需要你写成“-ms-filter”而不是“filter”。
浏览器支持
浏览器对translate的支持令人惊奇的广泛。在上面的CSS片段中，我们直接加上-webkit-和-moz-前缀然后将#nav元素旋转-90度。
相当简单吧？唯一的问题是对于一个相当重要的设计元素，如果IE不支持，很多设计师就会不情愿使用它。
幸运的是，IE有这方面的滤镜:图形旋转滤镜。它可以有4个旋转值：0, 1, 2,和3。你将不会获得和Webkit和Gecko一样的精密控制，但是至少在一定程度上保持统一(甚至IE6)。虽然这个滤镜只支持4个值，显得有些鸡肋，但是对于IE来说，聊胜于无吧。
另外，非常值得一提的是，Opera在前几天发布了Opera 10.50 pre版本，声称支持CSS3 的transition和transform。只是还是需要使用私有属性，也就是要使用前缀 -o-
0
投稿猜你喜欢
- 在曾经的 淘宝UED 招聘 中有这样一道题目：“使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直
- 照例使用XMLhttp同步方式获取数据,可是由于网络不稳定,经常造成'死锁'状况,既send之后一直不返回服务器结果,也不出
本文实例为大家分享了javascript实现tab切换特效代码，供大家参考，具体内容如下效果图：实现代码：<!DOCTYPE html- 彩色图像转换为灰度图像第一种方式通过 imread 读取图像的时候直接设置参数为 0 ，自动转换彩色图像为灰度图像第二种方式，可以通过 sp
- 今天，在在使用 pycharm 的使用，进行创建 python的时候，发现使用默认的创建的选项使用的python 3环境 。而我系统默认的p
- 准备工作下载python，本文以python3.6为例。python3.6下载地址：python3下载地址，选择合适的版本安装。安装成功后，
- 很实用的过滤重复数据的asp代码，函数如下：<％'**************************************
- 查看依赖包及对应的版本号信息的方法有两种：方法1：pip list 方法2：pip freeze这两个同时适用于Windows和Linux系
- Series 的 sort_index(ascending=True) 方法可以对 index 进行排序操作，ascending 参数用于控
- 异常异常处理…允许错误处理在程序结构的中心或者高层级的地方被清晰有条理的组织起来。Exceptions… allow error handl
- Python中，如果函数体是一个单独的return expression语句，开发者可以选择使用特殊的lambda表达式形式替换该函数：la
- php 如何获取请求的xml数据,对方通过http协议post提交过来xml数据，php如何获取到这些数据呢？<?php $xml_d
- replace()最简单的算是能力就是简单的字符替换。示例代码如下： <script language="javascrip
- 具体代码如下所示：<％@ page language="java" import="com.studen
- 例子：以百度文库中选择文档的类型为例问题一：遍历点击所有文档类型的单选框# coding=utf-8from selenium import
- 带你了解CGO编程大学时最开始学的语言莫过于C/C++,C/C++经过几十年的发展，已经积累了庞大的软件资产，它们很多久经考验而且性能已经足
- 一、sh是什么SH是一个独特的子进程包装器，可将您的系统程序动态映射到Python函数。SH帮助您用Python编写Shell脚本，既能支持
- 多线程锁lock=threading.Lock()使用疑问多线程任务是同时执行的，如果我们需要先执行线程a，再执行线程b，需要怎么办呢？解决
- 我使用的python版本是3.5.2今天想做个语音读取的小脚本，在网上查了一下发现python里有个pyttsx可以识别文字，打算通过pip
- 迄今为止，导出/导入工具集仍是跨多个平台转移数据所需劳动强度最小的首选实用工具，尽管人们常常抱怨它速度太慢。导入只是将每条记录从导出转储文件
