越剧——香妃

有声有色

全屏观赏 :doodle { top:2%; left:70%; @grid: 2 / 300px 60px; position: absolute;z-index: 10; color: var(--color); transform: scale(1); --prog: 0%; --size: 40px; --ttmsg1: '00:00'; --ttmsg2: '00:00'; --color:#ffffff; --state: paused; } /* 时间信息 : 左 */ @nth(1) { @place: 10% 125%; :after { content: var(--ttmsg1); } } /* 控制器 */ @nth(2) { @size: var(--size); @shape: windmill; position: absolute;z-index: 10; @place: 50% 35%; background: var(--color); animation: rot 6s infinite linear var(--state); } /* 时间信息 : 右 */ @nth(3) { @place: 90% 125%; :after { content: var(--ttmsg2); } } /* 进度条 */ @nth(4) { position: absolute;z-index: 11; @place: 50% 80%; @size: 60% 2px; background: #aaaaaa; display: grid; place-items: center start; :before { content: ''; width: var(--prog); height: 100%; background: var(--color); } } @keyframes rot { to { transform: rotate(1turn); } } 越剧-香妃

山水人家

看不见，全是代码。

廖若晨星

欣赏有声有色老师制作: 越剧——香妃  下午好

有声有色

山水人家 发表于 2023-6-9 14:28
看不见，全是代码。

是吗，我这里一切都很好啊。我再问问其它网友，谢谢

有声有色

廖若晨星 发表于 2023-6-9 14:43
欣赏有声有色老师制作: 越剧——香妃  下午好

谢谢，山水老师说我这里全是乱码，但我自己看一切都好啊

沧海笑

欣赏老师佳作！

有声有色

沧海笑 发表于 2023-6-9 15:36
欣赏老师佳作！

谢谢支持

林林五

欣赏老师精彩越剧美好音画！

有声有色

林林五 发表于 2023-6-9 16:14
欣赏老师精彩越剧美好音画！

谢谢支持

大圣

欣赏，谢谢分享！