AOS.js with Bootstrap-Column with hover-effect

AOS.js with Bootstrap-Column with hover-effect

我有以下布局:

每个框都是一个 bootstrap col-sm-4,具有悬停效果 transform: scale(1.05) 和过渡效果 transition: transform ease-in-out .25s(如左上角的框)。现在我想添加一个 AOS-flip-in-effect data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="3000" data-aos-delay="50"。这两个转换有不同的转换持续时间的可能性是多少?

我的结果是将 AOS-flip-effect 添加到 .col-sm-4

的容器中