请马上登录,朋友们都在花潮里等着你哦:)
您需要 登录 才可以下载或查看,没有账号?立即注册
x
本帖最后由 马黑黑 于 2023-2-4 10:59 编辑
<style>
.mplayer {
margin: auto;
top: 100px;
position: relative;
width: 200px;
height: 200px;
cursor: pointer;
filter: drop-shadow(10px 10px 20px hsla(0,0%,0%,.75));
animation: spin 10s infinite linear;
}
.leaf {
position: absolute;
width: 50%;
height: 50%;
border-radius: 0 100%;
background: olive linear-gradient(-20deg,yellow,green);
transform-origin: 98% 98%;
}
.leaf:nth-of-type(1) {
transform: rotate(0);
}
.leaf:nth-of-type(2) {
transform: rotate(120deg);
}
.leaf:nth-of-type(3) {
transform: rotate(240deg);
}
@keyframes spin {
to { transform: rotate(360deg); }
}
</style>
<div class="mplayer">
<span class="leaf"></span>
<span class="leaf"></span>
<span class="leaf"></span>
</div>
|