`
moqiang02
  • 浏览: 535747 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
文章分类
社区版块
存档分类
最新评论

css有关鼠标移动上去图片变透明度变化

 
阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.touming{ width:300px; height:400px;}
.touming a:hover{
-moz-opacity:0.68 !important; filter:alpha(opacity=68); opacity: 0.68;  _-moz-opacity:0.68;
}
</style>
</head>
<body>
<div class="touming"><a href="#"><img src="http://ww2.sinaimg.cn/mw600/86f95d45jw1dtxn6y3czbj.jpg" width="200" height="200" /></a></div>
</body>
</html>

分享到:
评论

相关推荐

    基于CSS3的图片悬停特效,鼠标滑过图片变清淅.rar

    基于CSS3的图片悬停特效,鼠标滑过图片时图片由模糊变清淅了,并显示文字提示,当鼠标放在图片上的时候,图片透明度发生变化,看上去更清淅了,并在图片上滑出文字提示,动画效果流畅,本效果的完整名称:Slick CSS3...

    懒人原生仿京东鼠标悬停图片高亮动画移动效果

    当鼠标悬停在其中一个图片上的时候,其他图片透明度降低,增加灰色效果 当前图片高亮显示,同时图片向左向上分别移动10px,这样就会有一个向左上角移动的效果 懒人们可根据自己的实际需要修改图片默认宽度...

    jquery鼠标悬停图片移动效果

    不错的图片特效,当鼠标悬停在图片上后,多出div边框的图片会自动左右滚动,底部弹出半透明度的文字说明内容

    jQuery仿京东图片变亮变暗效果.zip

    移开鼠标所有图片变亮。兼容主流浏览器,php中文网推荐下载! 使用方法: 1、head区域引用文件lrtk.css及js库,animate.js是另外编写的动画函数。 &lt;link href=" css/lrtk.css?3.1.64" rel="stylesheet"/&gt; ...

    纯CSS实现鼠标放上滑动出半透明效果的文字说明(新手小白 必看)

    效果如下: 实例1 实例2以实例1【婚礼策划】为例 ... 婚礼策划 ...CSS: /*外层div部分*/ .itemInWorks{ width: 180px; height: 130px; border-radius:5px;/*圆角*/ font-size: 18px; font-we

    Bootstrap鼠标悬停图片遮罩特效特效代码

    Bootstrap鼠标悬停图片遮罩特效是一款基于CSS3实现的鼠标移到图片上显示遮罩显示文字信息。

    javascript经典效果示例

    12:___JavaScript动态控制图片透明度的变化 13:___JavaScript图片放大 14:___JavaScript图片特效 15:___JavaScript图片预加载代码,显示loading 16:___JavaScript改变图片透明度,鼠标放上渐渐显示 17:___JavaScript...

    css入门笔记

    aplha:透明度,0-1之间的小数,值越大,不透明度越高 5.#rgb 16位数字 :0-9和a-f 2.尺寸属性 1.作用 改变元素的宽度和高度 2.语法 width:宽度 取值:px % min-width:最小宽度 max-width:最大宽度 height...

    jQuery 图片浏览放大插件 ZoomImage V1.0.rar

    Opacity float 控制栏和标题栏的不透明度。默认: 0.3 border integer 图片的边框宽度。默认: 0 duration integer 动态化持续时间。默认: 300 译者注:控制图片放大的时间和标题栏、控制栏显示的时间,两个操作不...

    Web前端与移动开发之复合选择器 css元素显示模式 背景属性.txt

    ②参数是精确单位 前面x 后面y 顺序不可变 若第一个是精确单位 一定是x 则另一个垂直居中 ③混合单位 有顺序要求 第一个为x 第二个为y (5)背景固定 background-attachment: scroll | fixed ; (6)背景复合...

    css特效 一道闪光在图片上划过代码

    在百度音乐看到这么一个图片效果,当鼠标移上去的时候,会有一道闪光在图片上划过,效果挺酷炫的。于是把这个效果再实现一下: 大体思想是,设计一个透明层i,skewx在X轴上做了负25度的变形,背景颜色用的是CSS3的...

    前端css+html+布局笔记

    鼠标移入的链接,也可以为其他元素设置hover :active 正在被点击的链接,也可以为其他元素设置active :focus 表示元素获取焦点的状态,一般用于文本框 ::selection 表示内容被选中的状态 在火狐中使用:...

    jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法

    鼠标移动进表格,hover到的单元格透明度不变,没hover到的单元格透明度改变。 先贴我已经实现好的效果,一开始,表格透明度不变。 当我鼠标移动到第二排第三个单元格,其他单元格降低透明度。 解决方法 一开始,我...

    CSS3发电机「CSS3 Generator」-crx插件

    CSS即将发生变化,可能会发现不透明度作为十六进制值中额外的两个字符而添加。 如果有任何释放,我会进行更新。 -还将RGBa的alpha部分添加到示例颜色。 现在,当您向颜色添加更多的alpha(不透明度)时,它将消失。 ...

    CSS实现悬停过渡动画三部曲

    CSS不一定要写得多么复杂才能实现特殊效果。如下就是三个超级简单的过渡的例子,可能只是几行代码,但是添加到Web应用程序中,却会让它增色不少。 如下是我们将在本教程中构建的代码项目设置在这个项目中,我们将把...

    javascript之鼠标拖动位置互换效果代码

    mask元素的样式定义了宽高、背景颜色、透明度和visibility:hidden。 三、JavaScript实现 在JavaScript实现中,我们使用了drag事件来实现鼠标拖动位置互换效果。首先,我们定义了一个drag对象,用于存储被拖动的目标...

    YUI v3.17.2 RC1.zip

    协助达成位置移动、大小改变、透明度和其他的网页效果。 浏览器历史纪录管理工具 协助网页程式使用浏览器之上一页与书签(我的最爱)工具。 连线工具 协助管理跨浏览器的 XMLHttpRequest 功能。他也整合了表单传送...

Global site tag (gtag.js) - Google Analytics