本帖最后由 朵拉 于 2023-8-31 16:45 编辑
这么漂亮不像脚链，建议修改品名哈~~{:4_173:}
现在手链和脚链都齐了{:4_173:}
小辣椒 发表于 2023-8-31 17:49
现在手链和脚链都齐了
土豪的样纸地道了
朵拉 发表于 2023-8-31 16:40
这么漂亮不像脚链，建议修改品名哈~~
上帝说：善待你的脚，就是善待我。
红影 发表于 2023-8-31 13:26
知道，真灵活，弄了这么个名来
拼夕夕的老总，现已退任，之前，脾气好大的。马云估计是不太认同他的理念，所以，毕业了，毕业后创建拼夕夕，对标淘宝。
红影 发表于 2023-8-31 13:28
这个是用li-zi 做的，那个是直接做的。
还有一些区别。这个呢，要做一个响应式的播放器，一些机制的选择正在斟酌中
红影 发表于 2023-8-31 13:30
是叠加后的颜色。
内阴影与本体的关系很奇妙的：模糊半径（第三个参数）能够让本体呈现一些透明特性。
红影 发表于 2023-8-31 13:26
嗯嗯，这个刷新几次看看真的挺好看的。
可以尝试不同的形状，看看效果如何
马黑黑 发表于 2023-8-31 17:57
拼夕夕的老总，现已退任，之前，脾气好大的。马云估计是不太认同他的理念，所以，毕业了，毕业后创建拼夕 ...
还有这样的故事，还是头一次知道呢。
马黑黑 发表于 2023-8-31 17:58
还有一些区别。这个呢，要做一个响应式的播放器，一些机制的选择正在斟酌中
这个也能做响应式啊？
马黑黑 发表于 2023-8-31 17:59
内阴影与本体的关系很奇妙的：模糊半径（第三个参数）能够让本体呈现一些透明特性。
颜色的搭配真是一门很大的学问。
马黑黑 发表于 2023-8-31 18:00
可以尝试不同的形状，看看效果如何
我也不会做其他形状啊{:4_173:}
正好翻页了，那就换个形状，串起一串石头玩
<style>
#mydiv {
margin: 30px;
width: 200px;
height: 200px;
border: 2px dotted purple;
border-radius: 50%;
position: relative;
display: grid;
place-items: center;
--size: 30px;
--borderRadius: 64% 36% 70% 30% / 31% 20% 80% 69%;
--mnColor: rgba(199,21,133,.75);
}
li-zi {
position: absolute;
width: var(--size);
height: var(--size);
border-radius: var(--borderRadius);
}
</style>
<div id="mydiv"></div>
<script>
let total = 17;
Array.from({length: total}).forEach( (item,key) => {
let cc = '#' + Math.random().toString(16).substr(-6);
item = document.createElement('li-zi');
item.style.cssText += `
background: ${cc};
transform: rotate(${360 / total * key}deg) translate(100px);
box-shadow: inset 0 0 ${10 + Math.random() * 10}px var(--mnColor);
`;
mydiv.appendChild(item);
});
</script>
红影 发表于 2023-8-31 20:46
#mydiv {
margin: 30px;
width: 200px;
你这个不伤脚{:4_170:}
红影 发表于 2023-8-31 20:45
正好翻页了，那就换个形状，串起一串石头玩
挺好看的
红影 发表于 2023-8-31 19:58
我也不会做其他形状啊
{:4_172:}
红影 发表于 2023-8-31 19:58
颜色的搭配真是一门很大的学问。
没错
红影 发表于 2023-8-31 19:56
还有这样的故事，还是头一次知道呢。
你不是生意场上的人，专注这些少
红影 发表于 2023-8-31 19:57
这个也能做响应式啊？
响应吗，就是根据音波数据，让可视元素变大变小、变长变短什么的