媒体查询忽略CSS转换

.burger按钮{
显示器：flex；
不透明度：0；
弯曲方向：立柱；
证明内容：之间的空间；
填充：6px；
宽度：35px；
高度：35px；
框大小：边框框；
背景色：#000；
位置：固定；
顶部：10px；
左：10px；
过渡：不透明度为1s缓和为1s
}
.burger button span{
显示：内联块；
宽度：100%；
高度：4px；
背景色：#fff
}
@介质（最大宽度：500px）{
.汉堡纽扣{
不透明度：1
}
}

---

您能否发布一个测试，以便我们测试您的代码。为什么在

transition

属性中有两个持续时间值？我添加了更多代码，示例是新的。过渡：不透明度1s缓解1s=1s持续时间和1s延迟。如果我在stackoverflow编辑器中这样做，它就会工作。但是，如果我在原始页面代码中这样做，则在调整窗口大小时会忽略转换。在开发工具中打开/关闭不透明度时播放。发生在FF和Chrome中。