马黑黑 发表于 2022-5-3 14:04
猫咪下午好
老黑晚上好 {:4_187:}{:4_179:}辛苦啦{:4_190:}
大猫咪 发表于 2022-5-3 19:12
老黑晚上好 辛苦啦
皮皮熊猫咪晚上好
马黑黑 发表于 2022-5-3 19:13
皮皮熊猫咪晚上好
{:4_179:}{:4_191:}{:5_106:}
大猫咪 发表于 2022-5-3 19:15
{:4_169:}
马黑黑 发表于 2022-5-3 10:38
豁出去了
是啊，为了美，什么都可以不顾了{:4_189:}
马黑黑 发表于 2022-5-3 10:39
没有JS，网页和小程序会逊色很多
它的强大的功能令人惊叹。
红影 发表于 2022-5-4 08:12
它的强大的功能令人惊叹。
不过，h5也有自己的一些难以挖掘的小交互
红影 发表于 2022-5-4 08:11
是啊，为了美，什么都可以不顾了
人们在美面前是无法自我把控的，差不多人人都会自然而然地会沉迷在美之中
马黑黑 发表于 2022-5-4 08:32
不过，h5也有自己的一些难以挖掘的小交互
不懂，我只稀里糊涂跟着学就是了{:4_173:}
马黑黑 发表于 2022-5-4 08:33
人们在美面前是无法自我把控的，差不多人人都会自然而然地会沉迷在美之中
向美之心人人如此{:4_204:}
<style>
.wrap {
margin: auto; margin-top: 100px;
width: 300px;
height: 300px;
perspective: 1800px;
position: relative;
animation: rot 10s linear infinite;
}
.flower {
width: 50%;
height: 50%;
border-radius: 0 100%;
background-color: #ccc;
opacity: .85;
transform-origin: 100% 100%;
transform-style: preserve-3d;
position: absolute;
}
@keyframes rot { to { transform: rotate(1turn); } }
</style>
<div class="wrap"></div>
<script>
let wrap = document.querySelector('.wrap');
let flag = true;
let str = '';
for(j=0; j< 5; j++) {
str += `<div class='flower' style='background: linear-gradient(${getColor()}, ${getColor()}); transform: rotate(${72*j}deg)'></div>`;
}
wrap.innerHTML = str;
let au = document.createElement('audio');
au.src = "http://www.kumeiwp.com/sub/filestores/2022/04/16/4dc3020a14f7266fc4ffde61e56e0d79.mp3";
au.autoplay = flag;
au.loop = true;
au.style.display = 'none';
wrap.appendChild(au);
let tt = setInterval(setColor, 1000);
wrap.onclick = function(){
flag ? (au.pause(), this.style.animationPlayState = 'paused', flag = false) : (au.play(), this.style.animationPlayState = 'running', flag = true);
}
function setColor(){
let petal = document.querySelectorAll('.flower');
for(j=0; j< petal.length; j++){
petal.style.background = `linear-gradient(${getColor()},${getColor()})`;
}
}
function getColor(){
return `#${Math.random().toString(16).substr(-6)}`;
}
</script>
红影 发表于 2022-5-4 22:37
向美之心人人如此
对，大概是酱紫的
千羽 发表于 2022-5-4 22:42
.wrap {
margin: auto; margin-top: 100px;
width: 300px;
漂酿吧
红影 发表于 2022-5-4 22:36
不懂，我只稀里糊涂跟着学就是了
也行
马黑黑 发表于 2022-5-4 22:42
漂酿吧
这个很喜欢{:4_187:}
千羽 发表于 2022-5-4 22:43
这个很喜欢
喜欢就多玩玩
马黑黑 发表于 2022-5-4 22:43
也行
然后，每次领悟一点，都焕然大悟一次，多好啊{:4_173:}
红影 发表于 2022-5-5 10:45
然后，每次领悟一点，都焕然大悟一次，多好啊
最终能大彻大悟
醉美水芙蓉 发表于 2022-5-9 22:37
欣赏老师精美花瓣音画！
{:5_108:}