前几天逛网页的时候偶然发现了个六边形的蒙版效果（其实是逛DNF官网看到的），今儿个突发奇想还原一个六边形 其实最开始做六边形我的思路是使用：：before和：：after 做出来的效果是这样的 这样六边形就出来了 but 由于before和after经过了旋转，在插入背景图的时候背景图也会跟着旋转， ...
分类：
Web程序 时间：
2016-07-09 23:33:23
阅读次数：
435
什么是弹框? 弹框是一种交互方式，用作提醒，做决定或者解决某个任务。弹框一般包含一个蒙版，一个主体及一个关闭入口，常见于网页及移动端。其好处是让用户更聚焦，且不用离开当前页面，更快更容易完成任务。由于弹框与当下流行的卡片式设计在表现形式上十分接近，同时弹框也逐渐承载了更多功能性需求，不再是简单的内容 ...
分类：
其他好文 时间：
2016-07-02 16:02:31
阅读次数：
346
好久没撸随笔了，明天终于放假休息了。。准备去进行信仰充值，看《魔兽》去（话说surface phone 好久出，让我这个做UWP的也充点信仰。。） 先上下效果图： 在设计中，遇到一个问题，就是如果添加了剪切蒙版之后会挡住后面的ScrollViewer里面的Image，一些事件将无法监听。 后面想了个 ...
分类：
其他好文 时间：
2016-06-08 23:01:42
阅读次数：
779
刚开始出现的错误，内容会受到背景透明度改变的影响：如图： 代码： 解决方法一： 在div.wrap内再加一个div。作为蒙版，对其设置透明度的变化样式，并且让内容相对于wrap绝对定位，要记得给wrap设置相对定位！！ 最后效果： 解决方法二： 用rgba()设置background的背景色和透明度 ...
分类：
Web程序 时间：
2016-06-01 01:22:28
阅读次数：
183
弹出遮罩层水平垂直居中 很多时候，登陆注册的时候，会需要弹出一个层，且后面有一层遮罩蒙版层，让后面不可点击状态 且需要这个弹出层是水平垂直居中显示的 固定宽高的水平垂直居中好实现 这里的弹出层，是随着内容撑开的，不固定宽高 .wrap .pop { width: 80%; height: auto; ...
分类：
其他好文 时间：
2016-05-18 10:41:40
阅读次数：
473
在整个项目中，总共写了1000+的代码，可以更加简单优化的。整个主页交互效果能基本，包括轮播，视频，点击变化形状，移入蒙版，瀑布流加载滑动，旋转等等。轮播导航没有完全做完，暂时做了往右无限推动。个人觉得主要难点是在于对于JS的函数和应用，CSS熟悉了后，主要是重复性工作，JS涉及到一些计算反而比较困 ...
分类：
Web程序 时间：
2016-05-13 08:45:57
阅读次数：
197
一、微云的实现 网站有一些改动的时候，为了让用户熟知新的操作位置，往往会增加一个引导，常见的方式就是使用一个黑色的半透明蒙版，然后需要关注的区域是镂空的。然后上周五我去微云转悠的时候，也看到了引导层，于是职业病又犯了，去学习下别人是怎么实现的。下面是观测的结果：为了实现镂空蒙层效果，作者发挥了小时候 ...
分类：
Web程序 时间：
2016-05-02 15:27:27
阅读次数：
1116
正常效果当鼠标放到图片上时效果。 body部分 <div> ...
分类：
其他好文 时间：
2016-04-24 15:35:58
阅读次数：
144
蒙版：就是在图片上添加一个图层，用于美化页面，增加页面的可读性 ...
分类：
Web程序 时间：
2016-04-17 17:43:59
阅读次数：
632
GitHub：https://github.com/samvermette/SVProgressHUDSVProgressHUD和MBProgressHUD效果差不多，不过不需要使用协议，同时也不需要声明实例。直接通过类方法进行调用即可： 可以使用以下方法来显示状态： 如果需要明确的进度，则使用以下 ...
分类：
其他好文 时间：
2016-04-02 17:35:46
阅读次数：
291
