晚安曲 | 细小简单的幸福
本帖最后由 朵拉 于 2022-4-16 21:52 编辑 <br /><br />画外音:不要期望什么轰轰烈烈的幸福,
细小简单的幸福才是重要的。
<style>
.cude {
--xyz: 100px;
--bb: -50px;
width: var(--xyz);
height: var(--xyz);
position: relative;
margin: 100px auto;
transform-style: preserve-3d;
transform: rotateX(-30deg) rotateY(-80deg);
transform-origin: 50% 50% 0;
animation: rot 10s linear infinite;
}
.pae {
position: absolute;
left: 0; top: 0;
width: var(--xyz); height: var(--xyz);
background: red;
opacity: .2;
font: bold 40px / var(--xyz) Arial;
color: #fff;
text-align: center;
text-shadow: 1px 1px 2px #000;
border:1px solid #333;
}
.front { transform: rotateY(0) translateZ(calc(var(--xyz) / 2)); }
.back { transform: translateZ(var(--bb)) rotateY(180deg); }
.left { transform: rotateY(-90deg) translateZ(calc(var(--xyz) / 2)); }
.right { transform: rotateY(90deg) translateZ(calc(var(--xyz) / 2)); }
.top { transform: rotateX(90deg) translateZ(calc(var(--xyz) / 2)); }
.bottom { transform: rotateX(90deg) translateZ(var(--bb)); }
@-webkit-keyframes rot {
from { transform: rotateX(0deg) rotateY(0deg); }
to { transform: rotateX(360deg) rotateY(360deg); }
}
</style>
<div class="cude">
<div class="pae front">简</div>
<div class="pae left">单</div>
<div class="pae right">的</div>
<div class="pae bottom">小</div>
<div class="pae top">幸</div>
<div class="pae back">福</div>
</div>
<EMBED src=http://su.sycdn.kuwo.cn/6712f52c266a9102e3f8cbe049d8a7f5/625ac98c/resource/n2/2/42/345806118.mp3
hidden=true type=audio/mpeg autostart="true" loop="true"></EMBED> {:4_190:} 晚安Good Night不同的城市,亲爱的你Different cities,Dear You
马黑黑 发表于 2022-4-10 22:31
谢谢马老师,速度够快{:4_190:} 把日子过成诗,时而简单,时而精致;
做个俗人,不谈亏欠,不负遇见。
惟愿安好!{:4_204:} 朵拉 发表于 2022-4-10 22:35
谢谢马老师,速度够快
俺除了快,好像也木有别的{:4_170:} 朵拉真厉害、真聪明,为你点赞!{:4_199:} 目前还没有听见音乐。 温柔贴心的话语,配上这样的旋转魔方,非常有韵味。朵宝的晚安心语真美{:4_187:} @马黑黑 马老师,这个帖子 可以听到音乐吗?{:4_190:} @红影 影宝,这个帖子 可以听到音乐吗?{:4_190:} 朵拉 发表于 2022-4-11 21:11
@马黑黑 马老师,这个帖子 可以听到音乐吗?
音乐没能播放出来
页:
[1]