CSS滑动文字特效 #第二弹
源码：
codepen.io
简述原理：每一行弄两个div重叠，然后transform:skew一下，然后overflow:hidden, 一个div只显示左半边，一个div只显示右半边。div里面的span根据鼠标位置进行transform:translate。
源码：
codepen.io简述原理：每一行弄两个div重叠，然后transform:skew一下，然后overflow:hidden, 一个div只显示左半边，一个div只显示右半边。div里面的span根据鼠标位置进行transform:translate。
展开
1
38
![[赞]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_108.a6defc6.png)
![[捂脸]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_28.8981538.png)