在IE和Firefox

Question

不工作引导下拉动画

我正在做我的使用引导程序的第一个网站，我有我的custom.css以下CSS来使我的导航栏下拉有一个奇特的动画：

.open > .dropdown-menu { 
    -webkit-transform: scale(1, 1); 
    transform: scale(1, 1); 
    opacity:1; 
} 

.dropdown-menu { 
    opacity:3; 
    -webkit-transform-origin: top; 
    transform-origin: top; 
    -webkit-animation-fill-mode: forwards; 
    animation-fill-mode: forwards; 
    -webkit-transform: scale(1, 0); 
    display: block; 
    transition: all 0.2s linear; 
    -webkit-transition: all 0.2s linear; 
} 

我是网络开发新手，在创建我的网站时犯了一个只在一个浏览器（Chrome）中测试的菜鸟错误。我几乎完成了我的网站，所以我决定在其他浏览器中测试。我发现当我在IE和Firefox中运行网站时，下拉菜单已经打开，并且它们不能切换。

我发现删除/评论上述CSS修复了所有浏览器中的问题，但我真的很喜欢这个动画的工作。

Answer 1

那么有针对Firefox

-ms-做，在不同的浏览器

-webkit-为谷歌chrome

-moz-为为Internet Explorer的几个前缀

-o-为歌剧

在你的代码，你可以做到这一点

.open > .dropdown-menu { 
    -webkit-transform: scale(1, 1); 
    -moz-transform: scale(1, 1); 
    -ms-transform: scale(1, 1); 
    -o-transform: scale(1, 1); 
    transform: scale(1, 1); 
    transform: scale(1, 1); 
    opacity:1; 
} 

在所有的模块，并在关键帧做这个您正在使用的动画

嘛例如你可以看这个视频keyframes