你需要知道的CSS3 动画技术[译]（3）
作者：神采飞扬 来源：前端观察 发布时间：2009-12-30 17:02:00
scale
scale并不像你想象的那样工作：简单的缩小和放大一个元素。缩放功能同时采用宽和高两个值，这些值可以是正数、负数和小数。
正数值放大一个元素，正如你期望的那样，基于指定的宽度和高度。
负数值并不会缩小元素，而是翻转它(比如，文字被反转)然后相应的缩放它。然而，你可以使用小于1的小数(例如.5)来收缩或者缩小一个元素。
#nav { /* nav元素的宽和高都会被放大双倍 */ -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); }#nav { /* nav元素的宽会是双倍，而高度保持不变 */ -webkit-transform: scale(2, 1); -moz-transform: scale(2, 1); -o-transform: scale(2, 1); }#nav { /* nav的宽度将是双倍，并且水平翻转，但是高度保持不变 */ -webkit-transform: scale(-2, 1); -moz-transform: scale(-2, 1); -o-transform: scale(-2, 1); }
浏览器支持
scale属性目前只有Firefox, Safari/Chrome以及 opera 10.50支持，到目前为止没有一个IE版本支持。缩放一个对象是相当有意义的设计选择。它可以通过渐进增强来使用:hover，这可以在你的导航上添加一个小小的趣味。
#nav li a:hover{
/* 这可以让你的导航链接在鼠标经过的时候轻微的放大 */
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
}
0
投稿猜你喜欢
- mysql实现sequence功能1.建立sequence记录表CREATE TABLE `sys_sequence` ( `seq_nam
- SQL Server2005数据项的分拆与合并:参考示例如下：-- ====================================
- python远程控制电脑的具体代码，供大家参考，具体内容如下python拥有大量的第三方库，且语法简单。今天老杨就用python实现远程控制
- 本篇文章介绍了Javascript监控前端相关数据，项目开发完成外发后，没有一个监控系统，我们很难了解到发布出去的代码在用户机器上执行是否正
用到的一些知识点：Flask-SQLAlchemy、Flask-Login、Flask-WTF、PyMySQL这里通过一个完整的登录实例来介- 对于电脑上没有Visual C++ 2019.exe 而导致安装不了Mysql Install的朋友，此详细步骤会更加明了。一、下载（官方网
- 本文实例为大家分享了Go实现文件上传的具体代码，供大家参考，具体内容如下文件上传:客户端把上传文件转换为二进制流后发送给服务器,服务器对二进
- debian6系统：首先先安装mysql吧：打开终端（root）用户登入apt-get purge mysql-server-5.5安装完成
- 本文实例讲述了JS 设计模式之：单例模式定义与实现方法。分享给大家供大家参考，具体如下：良好的设计模式可以显著提高代码的可读性，降低复杂度和
- 具体用法如下： 代码如下:-- ============================================= -- Autho
- 更换域名，估计是很多站长都很头疼的事情。通常大家的做法就是把老的域名通过IIS设置做301跳转到新的域名。对于只有一个虚拟空间的站长来说，换
- 版本号：Python2.7.5，Python3改动较大，各位另寻教程。所谓网页抓取，就是把URL地址中指定的网络资源从网络流中读取出来，保存
- 引言上次介绍到rank0的机器生成了ncclUniqueId，并完成了机器的bootstrap网络和通信网络的初始化，这节接着看下所有节点间
- 如果你是一名Web Developer，而且还知道CSS Sprite这个词，请先去搜索一下，也许你正在使用这个技术，但只是不知道它的名字罢
- 文章出处：https://blog.csdn.net/sdksdk0/article/details/80933444作者：朱培
- 在Microsoft SQL Server 2000中,用于数据存储的实用工具是数据库。数据库的物理表现是操作系统文件，即在物理上，一个数据
- pytest fixtures装饰器pytest中可以使用@pytest.fixture 装饰器来装饰一个方法，被装饰方法的方法名可以作为一
- 如果我们希望把一个网站的更新实时发布到另一个网站上，最好的方法是通过 RSS 进行转载。如果只是需要简单的对更新的条目做个提示的话，使用 J
- 现在获取数组中最大最小值用的越来越多了，于是乎我编了个方法供大家使用。代码如下，若有问题可以与我联系，咱们一起学习一起进步。我们来看下示例一
- 公司客户在使用网站后台编辑添加修改内容时，经常是直接从word文档里复制内容到编辑器里后就提交。结果是在内容显示页面上是五花八门的样式，有时
