摘要: 有时候,我们需要大量的重复代码去实现一个非常简单的功能,这不仅浪费时间,而且效率低下,例如: <div class="aa">你好</div><div class="aa">我好</div><div class="aa">大家好</div><div class="aa">前面和后面</div> 我们 阅读全文
posted @ 2016-08-31 21:57 reaf 阅读(526) 评论(0) 推荐(0) 编辑
摘要: 突然想到以前看到当当上有个效果,当鼠标移上去,图片边框是运动添加上的,还以为是css3或者是canvas做的呢,做完幽灵按钮后,才知道,so easy,只不过是animate+position的杰作。附上代码 当然,其他的你想要的样式,不妨举一反三做一下,也很简单,只是个运动而已 阅读全文
posted @ 2016-08-31 14:40 reaf 阅读(326) 评论(0) 推荐(0) 编辑
摘要: 幽灵按钮,听名字有点不解?无碍,简单的来说就是一个按钮,移上去背景动一下,然后弹出个提示框,提示框在按钮的正上方而且居中,按钮上方有个图片,移上去有旋转360deg效果。不多说了,还是附上代码吧。由于采用了css3属性,所以,只兼容高级浏览器 主要知识点:transformtransitionbox 阅读全文
posted @ 2016-08-31 14:34 reaf 阅读(915) 评论(0) 推荐(0) 编辑