background-color颜色名及其编码

旋转按钮默认停止,点击旋转同时播放音乐,再次点击停止旋转同时停止播放音乐,请检查代码出现的问题:.container { position: relative; width: 100%; height: 100vh; /* 使用视口高度 / background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; flex-direction: column; justify-content: flex-start; transition: background-image 1s ease-in-out; / 添加渐变效果 */ } .character { width: 300rpx; height: 500rpx; margin-top: 80rpx; } .music-icon { position: absolute; top: 10rpx; right: 10rpx; width: 50rpx; height: 50rpx; animation: rotate 2s linear infinite paused; } .rotating { animation-play-state: running; } .score { font-weight: bold; font-size: 40rpx; text-align: center; margin-top: 20rpx; position: absolute; top: 0; width: 100%; } .dialog { position: fixed; bottom: 0; width: 100%; min-height: 400rpx; background: url(‘/image/BACKGRAND.png’) no-repeat center center; background-size: cover; /* 确保背景图片铺满对话框 */ z-index: 1000; padding: 20rpx; } .dialog-content { text-align: center; } .question { font-size: 30rpx; margin: 20rpx 0; } .options { display: flex; justify-content: center; } button { width: 200rpx; height: 80rpx; background: url(‘data:image/png;base64,/9j/4AAQSkZJRgABAgEASABIAAD//gAgU1lTVEVNQVggSkZJRiBFbmNvZGVyIFZlci4yLjAA/9sAhAABAQEBAQECAgICAgICAgICAgICAgIDAwMDAwMDAwMDAwMDAwMEBAQEBAQEBAQEBAQEBQUFBQUFBQUFBgYGBwcHAQMDAwMDAwQEBAQEBAQEBAUFBQUFBQcHBwcHBwcICAgICAgICAoKCgoKCgoLCwsLCwsNDQ0NDQ8PDw8PDw8PDw//wAARCABQAMgDAREAAhEBAxEB/8QBogAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoLEAACAQMDAgQDBQUEBAAAAX0BAgMABBEFEiExQQYTUWEHInEUMoGRoQgjQrHBFVLR8CQzYnKCCQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4eLj5OXm5+jp6vHy8/T19vf4+foBAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKCxEAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/90ABABk/9
最新发布
03-09
11-03 1万+
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ZSup{A}

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值