马黑PHP整站系统

cubic-bezier生成器

位置: 首页 > 小工具集合[ 发布时间: 2024.6.25  作者: 马黑  阅读: 260 ]

cubic-bezier() 是CSS三次贝塞尔缓动函数,用以描述CSS关键帧动画从开始到结束变速的过渡效果。语法 cubic-bezier(x1, y1, x2, y2),参数分别为曲线两个控制点的坐标值,x值必须在 0~1 范围内取值(含0和1),y值允许突破(突破时动画会出现“反弹”效果)。

点击以下大圆球,圆球会依据当下的 cubic-bezier 设置移动。要改变 cubic-bezier 参数,请依次拖曳坐标系的两个小彩球到合适的位置。

前一篇: canvas画布绘制多叶草
下一篇: 十六进制颜色配色工具

发表评论:

       

评论列表 [4条]

#4 | 知名不具 于 2024-6-28 22:54 发布: 继续来体会不同数据下得到的运动状态。

#3 | 小希 于 2024-6-25 18:08 发布: 这源码跟瀑布一样~~

#2 | 飞飞 于 2024-6-25 17:53 发布: 可以设计想要的速度,再把数据抄下来。。老师这个改贴子效果的时候太方便了

#1 | 悄然 于 2024-6-25 17:50 发布: 小彩球居然可以控制大彩球,这个演示十分形象。。。

Copyright © 2023 All Right Reserved 马黑PHP文章管理整站系统v1.8
联系我们: gxblk@163.com