《外星入侵》（学习黑黑Trespass帖子效果）

红影

:doodle { @size: 360px 360px; background: radial-gradient(DarkOrange,transparent 70%,transparent 0); cursor: pointer; } clip-path: @shape(points: 360; m: 5; n: .3; p1: abs.cos(t * m/4) ^ n; p2: abs.sin(t * m/4) ^ n; r: 1 / (p1 + p2) ^ (1 / n); ); @place: center; background: PeachPuff; transform: rotate(calc(@i * 40deg)) translate(100px);

红影

单曲音乐《外星入侵》，单向心思：快点逃吧

红影

感谢黑黑的代码。本来想把那个旋转圆形弄成椭圆，在@size里设置了宽高，发现会损失图形形状，换了好几个图形，都不行，索性就圆吧。是不是在@size里设置是不对的？@马黑黑  

小文

好酷幻，好喜欢！敬酒！

梦油

美轮美奂的一幅科幻作品。

樵歌

俺来念动六字真言：唵 嘛 泥 叭 咪 吽，渡一切苦厄。。。。。

樵歌

也太吓人了，师兄来度人生。。。。。。

梦缘

很形像，欣赏老师的精彩，问好！

红影

小文 发表于 2023-6-4 10:15
好酷幻，好喜欢！敬酒！

谢谢小文鼓励

红影

梦油 发表于 2023-6-4 10:57
美轮美奂的一幅科幻作品。

就图好玩的，主要学习一下黑黑的代码

红影

醉美水芙蓉 发表于 2023-6-4 11:42
红影美女厉害！

多谢水芙蓉鼓励

红影

樵歌 发表于 2023-6-4 13:00
俺来念动六字真言：唵 嘛 泥 叭 咪 吽，渡一切苦厄。。。。。

哈哈，师兄真是要拯救地球么

红影

樵歌 发表于 2023-6-4 13:00
也太吓人了，师兄来度人生。。。。。。

这样全世界的人都要感谢师兄了

红影

梦缘 发表于 2023-6-4 16:12
很形像，欣赏老师的精彩，问好！

谢谢梦缘，有你的鼓励我一点更加好好做帖

梦油

红影 发表于 2023-6-4 20:52
就图好玩的，主要学习一下黑黑的代码

活学活用啊。

小文

越看越喜欣赏，真的逼真，像天际外星。太好了，厉害！

南无月

影子的音乐听起来都痛快之极~~
小播换成了星星形状，玄幻，神秘~~
整个贴子十分大气阔朗，十分喜欢

红影

梦油 发表于 2023-6-4 20:57
活学活用啊。

也是套用的代码呢。

马黑黑

红影 发表于 2023-6-4 09:53
感谢黑黑的代码。本来想把那个旋转圆形弄成椭圆，在@size里设置了宽高，发现会损失图形形状，换了好几个图 ...

多个图案以 rotate 与 translate 配套要弄成椭圆的，需要更改多个图案的 translate 数值（半径），简单公式做不了，你可以考虑做一个 offset-path 的