|
|
看CSS代码:
<style>
#bgBox { position:relative; left: 383px; top: 43px; width: 770px; height: 433px; background-image: url background-size: 770px 433px; background-position: 770px 0; opacity: .75; animation: mv 5s linear infinite; }
#clkBtn { width: 50px; height: 50px; border-radius: 50%; background: rgba(0, 0, 0, .8); cursor: pointer; position: relative; }
#clkBtn::before { content: ''; position: absolute; left: 5px; top: 5px; background: rgba(0, 0, 0, .2); width: 40px; height: 40px; border: 1px solid #555; border-radius: 50%; }
#zhizhen { position: absolute; left: 25px; top: 25px; width: 2px; height: 25px; background: red; transform-origin: 0 0; animation: go 25s linear infinite; }
@keyframes go { to { transform: rotate(360deg); } }
</style>
父盒子想调用 mv 动画,但CSS代码里没有提供。CSS动画仅一个,@keyframes go {。。。},缺一个。
不能评分与父盒子的left与top值有关,这个帖子不需要设定,因为它的宽度刚好,删掉试试。
|
|