- 博客(2)
- 收藏
- 关注
RSS订阅原创 前端动画专题（二）：输入框特效
本文来自「心谭博客」的《动画设计·输入框特效》，更多文章放在了Github 欢迎交流和Star 特效一览 划线动态： 动态边框： 划线动态 效果图 原理和代码 :before 和 :after伪元素指定了一个元素文档树内容之前和之后的内容。由于input标签不是可插入内容的容器。所以这里下划线无法通过伪元素来实现。需要借助其他 dom 节点。 <div> <inpu...
2019-07-31 19:38:36
499
原创 CSS动画设计专题（一）：字体特效
本文来自《动画设计·字体特效》，更多文章放在了Github 欢迎交流和Star 特效一览 划线动态： 背景高亮： 色块进出： 划线动态 效果图 原理 首先，利用::after和::before就可以画出上下两条线，所以只需要一个 dom 元素即可。 其次，对于鼠标移入的动画，要给上面两个伪元素设置:hover选择器。 最后是处理动画方向。我们以上面的线条为例，在鼠标移入的时候，是从右到...
2019-07-29 19:00:36
1210
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人