我相信 VS 中曾经存在类似的 .min 文件相关问题,但很久以前就已修复。
以下是我添加的新 CSS,从那时起,每次我按空格键在 html 标记中插入新类时,它都会无法加载 CSS 列表并崩溃。
我的 CSS 片段是
/* ANIMATIONS */
/* spin animation*/
.glyphicon-spin-animate {
animation: spin .6s infinite linear;
-webkit-animation: spin .6s infinite linear;
-moz-animation: spin .6s infinite linear;
}
@-moz-keyframes spin {
from { -moz-transform:scale(1) rotate(0deg);}
to { -moz-transform: scale(1) rotate(360deg);}
}
@-webkit-keyframes spin {
from { -webkit-transform:scale(1) rotate(0deg);}
to { -webkit-transform: scale(1) rotate(360deg);}
}
@keyframes spin {
from { transform:scale(1) rotate(0deg);}
to { transform: scale(1) rotate(360deg);}
}
.alert-info.ng-enter {
-webkit-animation: fadeInDown 0.7s;
-moz-animation: fadeInDown 0.7s;
animation: fadeInDown 0.7s;
}
.alert-success.ng-enter {
-webkit-animation: fadeInDown 2s;
-moz-animation: fadeInDown 2s;
animation: fadeInDown 2s;
}
.alert-danger.ng-enter {
-webkit-animation: shake 1s;
-moz-animation: shake 1s;
animation: shake 1s;
}
.alert-info.ng-leave, .alert-success.ng-leave, .alert-danger.ng-leave{
-webkit-animation: fadeOutUp 1s;
-moz-animation: fadeOutUp 1s;
animation: fadeOutUp 1s;
}
.item-row.ng-enter, .item-exra-row.ng-enter{
-webkit-animation: fadeInLeft 0.7s;
-moz-animation: fadeInLeft 0.7s;
animation: fadeInLeft 0.7s;
}
.item-row.ng-leave , .item-exra-row.ng-leave{
-webkit-animation: fadeOutLeft 0.7s;
-moz-animation: fadeOutLeft 0.7s;
animation: fadeOutLeft 0.7s;
}
有人可以指出上面的CSS有什么问题吗?
谢谢。
PS:动画定义于 animate.css
最佳答案
我的同事告诉我,这是 Web Essentials 2015 早期版本的一个已知问题,已在 latest release 中修复。 .
关于CSS 导致 Visual Studio 2015 预览版崩溃,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27472816/