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
的容器中
我有以下布局:
每个框都是一个 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