有没有办法自定义css过渡？

Question

据我了解，如果我尝试修改具有 transition 属性的元素的样式，则修改将以渐进方式执行。 那么有没有什么办法可以监听样式的变化，防止立即修改，换成自定义动画呢？

Answer 1

即 transion 如果您想使用 css transition 更改颜色，请单击更多详细信息

 .box { width: 150px; height: 150px; background: red; margin-top: 20px; margin-left: auto; margin-right: auto; -webkit-transition: background-color 2s ease-out; -moz-transition: background-color 2s ease-out; -o-transition: background-color 2s ease-out; transition: background-color 2s ease-out; } .box:hover { background-color: green; cursor: pointer; }

 <div class="box"></div>