- 博客(3)
- 收藏
- 关注
原创 (demo)动画实现原理
动画原理 获得盒子当前位置 让盒子在当前位置上加1个移动距离 利用定时器不断重复这个操作 加一个结束定时器的条件 注意此元素需要添加定位,才能使用element.style.left css: .box { position: relative; width: 200px; height: 200px; background: antiquewhite; } body: <div class="box"></div>
2020-09-10 20:28:23 218
原创 (demo)回到顶部
点击按钮回到顶部 使用js实现一个回到顶部的小demo 前置知识: css: html,body { height:1000%; background-color: bisque; } .back { position: fixed; width: 70px; height: 25px; right: 50px; bottom: 80px; } body: <button class="
2020-09-04 12:47:44 109
原创 (demo)实现盒子居中方式
方法一:知道盒子宽高情况下 .box { position: absolute; box-sizing: border-box; width: 200px; height: 200px; border: 5px solid bisque; top: 50%; left: 50%; margin-left: -100px; margin-top: -100px; } <div cl.
2020-09-03 23:36:10 312
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人