F2E_5sticker贴纸效果
上一次更新前端之路系列都是一年前了,这次来点干货。
起因是发现dandy主页又改版了。看到他头像特效简直酷炫666到没朋友,我就萌生了 COPY 学习的想法。
看了半天源码,css贝塞尔曲线神马的没看懂,js还是压缩过的,各种abchjk,无奈之下求助前端大神duanzhihe。大神果然靠谱,一眼看出实现原理,就是有一个半透明的图片,每次鼠标浮上去后就往相应的方向移动,然后提到可能有现成的插件。
搜之,嘿还真有,就是题目中的sticker。sticker.js是一个很小的javascript库,真的很小,github上有没压缩过的,只有200多行,作用就是创建贴纸效果,没有依赖关系(不需要 jQuery,原生js写的),大多数支持CSS3的浏览器都支持,什么你说你用的IE8?那就呵呵了。