angularjs - 用于 angularjs 选项的烤面包机，如何

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;
}