js效果
3篇文章 · 0订阅
  • 《不怎么样的造轮子—FLIP动画》—新春限定
    FLIP 是一套动画思想和执行的流程规则，它表达的含义是：First，Last，Invert，Play。 invert—— 计算出初始状态和最终状态的变化量，像宽度，高度，透明度这些。然后把这些状态量通通反转，并使用transform的对应属性应用到元素上 play——开启动画…
    动效
  • 5行代码带你实现一个js的打字效果
    有次看电影🎬， 看到屏幕上一个个的文字蹦出来， 感觉像是有人在打字一样， 觉得挺有意思， 于是这里也用js实现了一个。 通过setTimeout设置一个时间的间隔， 每隔一定时间向dom中插入对应的数据， 并将index加1， 然后重新调用这个写函数。 通过css3的anim…
    JavaScript
  • 巧妙实现带圆角的渐变边框
    这个问题本身不难，实现的方法也有一些，主要是有一些细节需要注意。 border-image 是 CSS 规范 CSS Backgrounds and Borders Module Level 3 (最新一版的关于 background 和 border 的官方规范) 新增的一个…
    CSS 前端
    巧妙实现带圆角的渐变边框