效果实现
4篇文章 · 0订阅
  • 前端动画专题（二）：输入框特效
    :before 和 :after伪元素指定了一个元素文档树内容之前和之后的内容。由于input标签不是可插入内容的容器。所以这里下划线无法通过伪元素来实现。需要借助其他 dom 节点。 包裹在外的父元素div应该设置成inline-block，否则宽度会满屏。 span标签实现…
    CSS
  • 网站接入QQ登录功能
    网站需要实现QQ登录功能。 本文中所说的QQ登录功能，是采用官方的OAuth2.0来实现的，这样有更多的自主权。另一种较为简单的JS-SDK开发方式，虽然非常简便，但自主性不够，所以没有采用。 下文中所构造的URL，均使用了JavaScript的ES6语法。 先登录QQ互联官网…
    JavaScript
  • 你未必知道的49个CSS知识点
    本文的每一条，都是我曾经发过的掘金沸点，其中有很多条超过了百赞（窃喜）。 鉴于时不时有童鞋翻我以前的沸点，因此，本文收集了个人目前发过的所有CSS知识点动图，以便阅读。 需要说明的是，顺序仍是按当时发布顺序罗列的，还没有系统的总结，多多包涵。 另外这里，老姚谢谢各位一如既往的支…
    CSS JavaScript
  • 前端动画专题（三）：撩人的按钮特效
    因为 button 元素可以使用 before/after 伪元素，所以借助伪元素，可以实现动态图中的遮盖层。 为了避免回流重绘，滑箱的运动方向是垂直方向，所以使用scaleY属性。对于动画的方向，需要借助transform-origin改变动画原点。 果冻特效可以分割成 5 …
    CSS