Question

我有一个烤面包机，我想在它上面做几个配置而没有成功，首先，我想像在这里快速显示:(显示持续时间？）

http://codeseven.github.io/toastr/demo.html

但是我找不到那样做的选项，就像在这里一样非常缓慢：

http://plnkr.co/edit/mVR4P4?p=preview

第二，我希望它不要像前者一样变暗，但我希望它像后者（没有不透明度），

我该怎么做？

Answer 1

您可以在css中设置，请参阅此处http://plnkr.co/edit/63eCUz?p=preview

Q1：

transition: 100ms <- just adjust transaction duration

Q2：

.animateToaster-enter.animateToaster-enter-active, 
.animateToaster-leave {
    opacity: 1; <-set that to 1 instead of 0.8
}

CSS代码示例：

/*Animation CSS3*/
.animateToaster-enter, 
.animateToaster-leave
{ 
    -webkit-transition: 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
} 

.animateToaster-enter.animateToaster-enter-active, 
.animateToaster-leave {
    opacity: 1;
}

.animateToaster-leave.animateToaster-leave-active,
.animateToaster-enter {
    opacity: 0;
}

多边形的alterjs选项，如何

1 个答案: