在我简单的CSS-3动画中解释一个立方breezer
在我简单的CSS-3动画中解释一个立方breezer
提问于 2015-02-16 13:33:20
嘿，伙计们，我有以下简单的CSS-3转换：
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
100% {
transform: none;
}
}
.bounceInLeft {
animation-name: bounceInLeft;
}我理解关键帧动画，这不是一个问题，但我发现很难理解的部分是立方-布雷泽。
我读过一些很好的关于立方增殖者的文章，其中一篇是，
立方breezer
但不知何故，这似乎是唯一的CSS-3属性，使我无法理解这么长时间。
请有人解释一下下面的立方体微风机：
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);这是一把小提琴：小提琴
谢谢你。
亚历山大。
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-02-16 17:32:53
可能是，如果你玩的效果，你可以更好地理解它。
这里你可以找到一个不错的模拟器
对于你的价值观，你得到的图形是这个
bezier函数中的4个值是黑色方格坐标。
它支持0.1范围以外的y值
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28542611
复制相关文章
相似问题
腾讯云开发者
