Как я могу изменить скорость выцветания для предупреждений в Twitter Bootstrap?

Ответ 1

Дан Герман,

Если вы не используете меньше, и вам кажется, что вы редактируете файл bootstrap.css, вы можете попробовать и отредактировать его, а не путаться с файлом .js.

Изменить

 .fade {
   opacity: 0;
   -webkit-transition: opacity 0.25s linear;
      -moz-transition: opacity 0.25s linear;
       -ms-transition: opacity 0.25s linear;
        -o-transition: opacity 0.25s linear;
           transition: opacity 0.25s linear;
 }

и превратить его в...

 .fade {
   opacity: 0;
   -webkit-transition: opacity 1.25s linear;
      -moz-transition: opacity 1.25s linear;
       -ms-transition: opacity 1.25s linear;
        -o-transition: opacity 1.25s linear;
           transition: opacity 1.25s linear;
 }

1.25s не является значением по умолчанию, это просто пример, и если вы примените его, вы действительно заметите эффект и разницу.

Теперь, если вы хотите создать другой вариант селектора fade, скажем, "myFade", то я думаю, вам нужно изменить bootstrap-alert.js и добавить новый селектор классов или селектор класса "myFade".

Я еще не знаю о javascript. Я просто подумал, что вам нужно изменить bootstrap-alert.js и вставить новый класс.

Ответ 2

Фактически он использует .transition(opacity .15s linear); в компоненте-animations.less(строка 5).

Если вы посмотрите в строке 64 bootstrap-alert.js, вы можете увидеть, где она ссылается на класс. Измените .15s на то, что вы хотите, и вам должно быть хорошо.