我无法让转换在this page上工作,有人知道为什么吗?
div.sicon a {
transition: background 0.5s linear;
-moz-transition: background 0.5s linear; /* Firefox 4 */
-webkit-transition: background 0.5s linear; /* Safari and Chrome */
-o-transition: background 0.5s linear; /* Opera */
-ms-transition: background 0.5s linear; /* Explorer 10 */
}
发布于 2011-11-18 21:38:11
变换更像是一个动画。
div.sicon a {
background:-moz-radial-gradient(left, #ffffff 24%, #cba334 88%);
transition: background 0.5s linear;
-moz-transition: background 0.5s linear; /* Firefox 4 */
-webkit-transition: background 0.5s linear; /* Safari and Chrome */
-o-transition: background 0.5s linear; /* Opera */
-ms-transition: background 0.5s linear; /* Explorer 10 */
}
所以你需要用一个动作来调用这个动画。
div.sicon a:hover {
background:-moz-radial-gradient(left, #cba334 24%, #ffffff 88%);
}
还要检查浏览器的支持,如果你仍然有一些问题,无论你试图做什么!检查样式表中的css覆盖,并检查behavior: ***.htc
css hacks。可能有什么东西覆盖了你的转换!
发布于 2018-11-10 18:53:54
对我来说,就是拥有display: none;
#spinner-success-text {
display: none;
transition: all 1s ease-in;
}
#spinner-success-text.show {
display: block;
}
删除它,并改用opacity
,修复了这个问题。
#spinner-success-text {
opacity: 0;
transition: all 1s ease-in;
}
#spinner-success-text.show {
opacity: 1;
}
发布于 2019-06-27 07:43:17
如果您的页面上任何地方都有一个<script>
标记(即使在HTML中,即使它是一个带有src
的空标记),那么transition
必须由某个事件激活(页面加载时它不会自动触发)。
https://stackoverflow.com/questions/7924038
复制相似问题