用于WebKit的CSS诀窍[译]（2）
作者：vocal 来源：前端观察 发布时间：2009-03-11 20:03:00
标签：css,浏览器,Safari,Chrome,WebKit
滚动与弹出
下一个示例将演示当你把鼠标放到一张图片上事，它会弹出的效果。实现这些只需要使用一个hover样式和一个度数改变。该效果的CSS如下所示。
<style>
img { -webkit-transform: scale(0.5); }
img:hover { -webkit-transform: scale(1); }
</style>
<img src="megan.jpg" />
鼠标滑过图片，它就会弹出并变大，如下所示。
截图2.翻转后的图片
将鼠标从图片上挪开，图片又会恢复原状。
截图3.翻转之前的图片
正如你所能看到的那样，你可以使用几行CSS来实现这个效果。
0
投稿猜你喜欢
有几个原因促使我们使用自定义的select控件来代替原生的select控件：在ie6下select是一个窗口级的元素，绝对定位的层会被sel- tf.keras.layers模块中的函数from __future__ import print_function as _print_f
- 本文为大家讲解了pytorch实现CNN卷积神经网络，供大家参考，具体内容如下我对卷积神经网络的一些认识卷积神经网络是时下最为流行的一种深度
- 1.操作数据库 1.1创建数据库create + database + 数据库名称当然如果我们不知道数据库是否存在，如果存在就不创
- 十要：第一：要认真规划和分析。这是网页设计灵魂工作。创建站点之前，要明确你的网站主要针对哪些访问者，为哪些用户服务，要把握准主页题材第二：网
- Notepad++是一款不错的编辑器，很轻巧，我很喜欢它。再换个主题，加个代码高亮，看上去就更专业了。如果你是Mac用户，应该听说或使用过T
- 引言skimage提供了io模块，顾名思义，这个模块是用来图片输入输出操作的。为了方便练习，也提供一个data模块，里面嵌套了一些示例图片，
- 暂且放下你的编程语言来瞻仰下我所见过的最棒的标准库。为项目选择编程语言和挑选你最爱的球队不一样。应该从实用主义出发，根据特定的工作选择合适的
- 本文实例讲述了vue.js使用v-if实现显示与隐藏功能。分享给大家供大家参考，具体如下：<!doctype html><
- 1下载安装1.1打开官网http://www.jetbrains.com/pycharm/download/耐心等待，大概200M，几分钟左
- 关键术语介绍为了方便开源库的快速上手，我们先来了解 excel 中的几个关键术语，如下图所示，①为sheet，也就是表格中的页签；②为row
- 前言Python 相对导入与绝对导入，这两个概念是相对于包内导入而言的。包内导入即是包内的模块导入包内部的模块。Python import
- 手写Vue服务端渲染概念：放在浏览器进行就是浏览器渲染,放在服务器进行就是服务器渲染。客户端渲染不利于 SEO 搜索引擎优化服务端渲染是可以
- 一直想着给框架添加邮件发送功能、所以整理下python下邮件发送功能首先python是支持邮件的发送、内置smtp库、支持发送纯文本、HTM
- 1 案例描述输入三个整数x,y,z，请把这三个数由小到大输出。2 Python实现2.1 方法一（官方）L = []for i in ran
- 1 之前我们学习了列表，知道列表可以用来存储一组数据，可以增删改查，可以遍历2 之前我们学习了字典，知道字典可以用来存储键值对，与列表类似，
- 优化可能带来的问题优化不总是对一个单纯的环境进行，还很可能是一个复杂的已投产的系统。优化手段本来就有很大的风险，只不过你没能力意识到和预见到
- PDF文件是一种常见的文档格式，但是在编辑和修改时不太方便，因为PDF本质上是一种静态的文档格式。因此，有时候我们需要将PDF文件转换成Wo
- http-server是一个简单的命令行http服务器，基于nodejs,下载地址：https://nodejs.org/en/downlo
- mysql连接超时和mysql连接错误在生产环境中，偶尔且不规律的出现mysql连接超时和创建连接出错的问题：15-09-2020 13:2
