尝试过增加-webkit前缀未解决
css3 keyframes在安卓和工具上可以显示,在ios上无法显示?[图片] 想实现一个按钮周围光圈闪动的效果,使用了css3的keyframes。在开发者工具和安卓上正常,在ios上无法显示。 .record-btn { width: 200rpx; height: 200rpx; border-radius: 50%; background-color: #e4e4e4; align-items: center; justify-content: center; } .record-btn-active { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 200rpx; height: 200rpx; z-index: -1; border-radius: 50%; filter: blur(20rpx); animation: boom 1s linear infinite; } @keyframes boom { 0% { border: 0px solid; opacity: 0; } 50% { border: 10px blue solid; opacity: .5; } 75% { border: 20px red solid; opacity: 1; } 100% { border: 10px blue solid; opacity: .5; } } https://developers.weixin.qq.com/s/BaYKUsmB7Lrm
2021-07-01