利用css的cubic-bezier函数做出动态的缓冲效果

2021-03-19 10:25

阅读：556

标签：abs scope menu absolute item radius 利用参数 tle

cubic-bezier即三次贝塞尔，可以生成贝塞尔曲线，在css中主要是给transition以及animation提供过渡效果的速度曲线

cubic-bezier函数默认接受四个参数，cubic-bezier(x1,y1,x2,y2)，其中y1、y2是可以大于或小于0的，基于此可以做出一些缓冲的过渡效果

没有用原生的transition属性是因为v-if不支持，所以必须结合vue的transition组件

其中 cubic-bezier(0.175, 0.885, 0.32, 1.275); 是提供过渡效果的关键，可以看出整个菜单会有一个缓冲的过渡效果，视觉上也更加具有冲击力

利用css的cubic-bezier函数做出动态的缓冲效果

标签：abs scope menu absolute item radius 利用参数 tle

原文地址：https://www.cnblogs.com/chh1995/p/14554698.html

上一篇：jsdom

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：利用css的cubic-bezier函数做出动态的缓冲效果
文章链接：http://soscw.com/index.php/essay/66201.html

亲，登录后才可以留言！