此文转自：http://www.cnblogs.com/w2bc/p/5735300.html，仅供本人学习参考，版权归原作者所有！ 这是一款使用CSS3制作的简单的鼠标滑过图片标题和遮罩层动画特效。该鼠标滑过特效通过 CSS3transitions 和 transform 属性，在鼠标滑过图片时制 ...
分类：
Web程序 时间：
2016-08-12 13:21:19
阅读次数：
125
这是一款使用CSS3制作的简单的鼠标滑过图片标题和遮罩层动画特效。该鼠标滑过特效通过 CSS3transitions 和 transform 属性，在鼠标滑过图片时制作遮罩层和图片标题动画效果。 在线预览 源码下载 使用方法 HTML结构 该鼠标滑过图片特效的HTML结构非常简单：使用一个<div> ...
分类：
Web程序 时间：
2016-08-07 21:22:37
阅读次数：
195
这是一款使用CSS3制作的简单的鼠标滑过图片标题和遮罩层动画特效。该鼠标滑过特效通过 CSS3transitions 和 transform 属性，在鼠标滑过图片时制作遮罩层和图片标题动画效果。 在线预览 源码下载 使用方法 该鼠标滑过图片特效的HTML结构非常简单：使用一个<div>元素作为图片遮 ...
分类：
Web程序 时间：
2016-08-04 09:07:57
阅读次数：
235
今天我们来学习如何通过CSS3的特性和jQuery来创建一个感知鼠标滑动方向的hover效果。当鼠标滑进的时候，遮罩层会从上次鼠标滑出的方向滑入，当鼠标滑出的时候，遮罩层会跟随鼠标，从鼠标滑出的方向滑出。这是一个十分有趣的效果。 我们使用无序列表来组织缩略图和描述遮罩层： <ul id="da-th ...
分类：
Web程序 时间：
2016-07-24 11:58:12
阅读次数：
201
这是一款使用CSS3制作的鼠标滑过图片标题文字动画特效。该特效在鼠标滑过图片的时候，会展现遮罩层，并在遮罩层上以旋转的方式使图片描述文字逐一展现。 在线预览 源码下载 使用方法 DEMO中使用bootstrap的网格系统来进行布局。整个图片放置在一个.box容器中，它里面的.box-content是 ...
分类：
Web程序 时间：
2016-07-15 09:28:39
阅读次数：
185
1、内容+遮罩层+悬浮对话框 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 .hide{ 8 display: none; 9 } 1 ...
分类：
编程语言 时间：
2016-07-11 22:31:33
阅读次数：
372
前几天有一个完全透明的webView加载H5页面的效果的实现，就相当于是一个半透明的遮罩层，上面有一个不透明的图片，一般原生的带遮罩层的弹框会采用这种方式，如果是原生代码实现，就简单的多了，视图的叠加就可以搞定，但如果整个页面包括遮罩层都要用webView加载H5来实现的话，就会有点儿复杂，这一效果 ...
分类：
移动开发 时间：
2016-07-08 13:40:56
阅读次数：
559
基本代码已经完成了，现在我们需要一点完善。 首先，在右上角有一个【详细规则】的字符串，我们需要给它添加事件——点击之后弹出一个遮罩层，遮罩层里面出现一个div，上面写了各种东西。这个div的最底部是一个超链接，可以接着进行跳转。点击遮罩层，除了div以外的部分，可以让遮罩层自动消失。 尽管这个只要利 ...
分类：
移动开发 时间：
2016-07-03 14:21:36
阅读次数：
203
注意点：1、opacity设置后其子节点所有节点都是透明的 2、如果不想点击遮住的模态框，可以设置一个透明的遮罩层，就是上面的css .mymodal 3、自己对比下与bootstrap的区别吧 总结三点：1、父节点透明，2、弹出框在body下、3、加个透明层防止点击遮罩的div ...
分类：
其他好文 时间：
2016-06-21 12:32:31
阅读次数：
129
效果展示 http://hovertree.com/texiao/nav/3/jQuery漂亮图标的垂直导航菜单 是一款当鼠标滑过菜单项时，会有一个背景遮罩层跟着鼠标移动，效果非常炫酷，图标还是矢量图。源码下载效果图如下：HTML文件代码如下： 转自：http://hovertree.com/h/b ...
分类：
Web程序 时间：
2016-06-15 17:29:48
阅读次数：
230
