Question

如何让webkit-media-controls-timeline背景条纹移动？我在不同的浏览器上试试这个，背景仍然很冷。为什么？

#theAudio::-webkit-media-controls-timeline {
background-image: linear-gradient(-44deg, #F7BD4C 25%, #f1f1f1 25%, #f1f1f1 50%, #F7BD4C 50%, #F7BD4C 74.9%, #f1f1f1 74.9%, #f1f1f1 44%);
animation: progress-bar-stripes 3s linear infinite!important;
background-size: 38px 38px;
height:7px;
border-radius: 36px!important;}
      @keyframes progress-bar-stripes {
      from {background-position: 0 0;}
      to {background-position: 40px 0;}}

    <audio id="theAudio" controls>
      <source src="http://audio.ngfiles.com/551000/551191_Pressure.mp3" type="audio/ogg">
      <source src="http://audio.ngfiles.com/551000/551191_Pressure.mp3" type="audio/mpeg">
      Your browser does not support the audio tag.
    </audio>

如何移动音频标签背景动画

0 个答案: