我为 input[type="range"] 元素创建了一些自定义样式。我创建了以下动画
@-webkit-keyframes balla {
from {transform:rotate(0);}
to {transform: rotate(360deg);}
}
我适用于：
input[type="range"].twirl::-webkit-slider-thumb{
-webkit-animation:balla 5s infinite;
background: url(sliders/1.png)no-repeat center;
height: 50px;
width: 50px;
}
我的问题是，如果我将相同的动画应用于页面中的任何其他元素，它将起作用，但不适用于我的滑块。
这是我的CSS：
<input type="range" value="0" min="0" max="10" step="0.1" id="slider" class="romvos no-shadow twirl">
有任何想法吗？
问题是这种转换仅适用于 chromium（不适用于 chrome）。我在 firefox（windows 和 linux）和 chrome（windows 和 linux）上测试了它，并且仅适用于 chromium
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
