我在更改 AngularUi 的过渡时遇到一个小问题单击此处轮播过渡我想将轮播的标准滑动过渡更改为fadeIn
FadeOut
过渡单击此处在 Plunker 中提供的示例我已注释掉滑动过渡的 css
`carousel-inner > .item {
display: none;
position: relative;
-webkit-transition: 0.6s ease-in-out left;
-moz-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;`
}
我试图通过将其更改为以下内容来稍微操纵 css 动画以实现淡入淡出
@-webkit-keyframes carousel-inner {
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
@keyframes carousel-inner{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
.carousel-inner > .item {
display: none;
position: relative;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 2s ease-in-out;
transition: opacity 0.4s ease-in-out;
}
但是,它也没有按照我想要的方式工作。有没有人遇到过这个问题?或者有人有解决问题的方法吗?