Попытки сделать userface более дружелюбным я хочу реализовать следующее:CSS перемещение элементы плавно
У меня есть table с некоторыми alert над ним. Взгляните на this example
Когда я закрываю стол предупреждений «прыгает» вверх. Я хочу, чтобы он плавно скользил. Я хочу использовать pure css. Я читал о transition and animation, но я думаю, что это не то, что мне нужно, или, может быть, я ошибаюсь.
Любые идеи? Заранее спасибо!
K, поэтому вы можете сделать это с чистым css. Bootstrap удаляет класс in из предупреждения в начале исчезновения. Мы можем использовать это, чтобы применить css к сообщению перед его удалением со страницы.
.fade {
max-height: 400px;
-webkit-transition: .3s;
-ms-transition: .3s;
transition: .3s;
}
.fade:not(.in) {
max-height: 0;
}
в действии: http://jsfiddle.net/McHUc/92/
Добавлены префиксы поставщиков, которые необходимы для более широкой поддержки браузеров. Поэтому в большинстве браузеров это не сработает. Обновлен образец кода и скрипка. – AndrewHipp
http://stackoverflow.com/questions/31642748/bootstrap-content-smooth-slideup-when-closing-alert – Roope
Роопе, спасибо, но я искал для чистого решения css, что-то вроде переходных работ, вы знаете – user3673623
Анимация А вам нужно. Просто анимируйте высоту оповещения до нуля (сдвиньте вверх) или масштабируйте ее для уменьшения эффекта уменьшения. –