特效案例
3篇文章 · 0订阅
  • 前端实现：鼠标滚动，页面盒子丝滑上升的效果
    鼠标滚动，盒子缓慢上移 HTML 先给出基本的结构，页面当中多个p模拟多个板块，同时阻止a链接触发默认事件：javascript:void(0) 大致代码如下
    JavaScript HTML CSS
    前端实现：鼠标滚动，页面盒子丝滑上升的效果
  • 冬天到了，给你的网站下个雪吧
    女朋友常逛的设计网站这两天页面上多了下雪的效果，于是问我我的网站能下雪吗，作为一个程序员我一般会说实现不了，但是作为男朋友，不能说不行。 当然，最好的方式是用canvas来画。 因为tan(θ)=sy/sx，θ=Math.atan(sy / sx)，因为雨的线段默认是从上到下垂…
    JavaScript
  • 2020更新，Vue仿探探拖拽卡片的效果
    类似Tinder和探探的卡片效果的组件，社区中已经非常多了。我这一版除了可以实现和他们一样的效果外。还增加了飞卡的效果，就是类似我的女神邱淑贞这样。 其实我最早实现这个效果，是在2018年的时候，在weex上实现过一版。原帖请看这里：https://zhuanlan.zhihu…
    Vue.js 前端
    2020更新，Vue仿探探拖拽卡片的效果