本帖最后由 马黑黑 于 2024-7-12 21:34 编辑
高亮代码测试
#tiezi {
margin: 20px auto;
width: 1024px;
height: 640px;
background: radial-gradient(circle, rgba(244,187,68,.3), rgba(250,218,94,.3), rgba(243,229,171,.3)), black;
background-blend-mode: overlay normal;
box-shadow: 3px 3px 6px #111;
overflow: hidden;
z-index: 1;
position: relative;
}
.ma, .player, .vid { position: absolute; }
.ma {
left: 60%;
top: 15%;
}
.player {
cursor: pointer;
animation: rot 8s linear infinite var(--state);
}
.vid {
bottom: 0;
width: 100%;
height: calc(100% + 60px);
object-fit: cover;
mix-blend-mode: screen;
}
@keyframes rot { to { transform: rotate(1turn); } }
|