摘要: 原始的参考文章是http://tutorialzine.com/2010/10/css3-animated-bubble-buttons/ ,基本原理是利用了 hover,background-position 和 transition 三个属性。原文给出的实现细致完整,但是对于理解关键的实现原理不便,我按照原文的思路给出一种简单实现,效果可以可见 http://jsbin.com/UbIJUfA/1/ 。代码如下(这段代码只能在Chromium类浏览器工作):Here!实现原理简单说来:首先是使用hover伪类和background-position,使得按钮在鼠标滑入和滑出时按钮背景产生“ 阅读全文
posted @ 2013-09-01 17:41 tt-0411 阅读(2353) 评论(1) 推荐(0) 编辑