Atlas

花飞飞

马黑黑 发表于 2024-11-2 09:29
占位宽高可以说说

这个占位宽高，我看了你教程里没提，贴子里的那串糖里也并没有设计它的位置
去哪里提？

花飞飞

马黑黑 发表于 2024-11-2 09:31
这是早用过的，只不过更多的时候，不一定在CSS中给变量在父元素中赋值，可以在js里完成，依托还是父元素 ...

我说呢。。。
原来以前虽然没看到，但也在做工作。。
只是先在子孙中找个明面上代理的。。

反正今天这个写法，改变了我的理所当然。。。

红影

这些椭圆旋转组合后的小播真漂亮。帖子里还用上了最新全屏代码。这个全屏好，可以单独添加或拿掉，十分方便

红影

#msvg:hover ellipse { ry: 30; }还是用ry的好，去试了一下rx就很不明显，只在中心圆圈位置有微小变化
这背景制作真美，宁静的雪山，被动态视频粒子带来很多灵动。

马黑黑

花飞飞 发表于 2024-11-2 09:38
这个占位宽高，我看了你教程里没提，贴子里的那串糖里也并没有设计它的位置
去哪里提？

占位宽高，既然有宽、高的说法，就是以矩形来衡量，这个好理解的。至于位置，因为它们归到一个分组，分组的位置就是它的位置。分组左上角XY坐标坐标是0 0，但里面的内容的具体布局，比如椭圆，则是自己的位置，受到包括圆心、位移等影响。g分组向右、向下受到元素实际占位的影响。

马黑黑

红影 发表于 2024-11-2 10:46
#msvg:hover ellipse { ry: 30; }还是用ry的好，去试了一下rx就很不明显，只在中心圆圈位置有微小变化{:4_1 ...

rx往小里改是可以的

马黑黑

红影 发表于 2024-11-2 10:29
这些椭圆旋转组合后的小播真漂亮。帖子里还用上了最新全屏代码。这个全屏好，可以单独添加或拿掉，十分方便 ...

主要是不用 createElement 来加载整个模块，就两行半代码的事

马黑黑

花飞飞 发表于 2024-11-2 09:41
我说呢。。。
原来以前虽然没看到，但也在做工作。。
只是先在子孙中找个明面上代理的。。

理解了CSS的变量传递机制，这个就不是什么问题

马黑黑

花飞飞 发表于 2024-11-2 09:36
看似偶然，实则必然。。一个人的思维方式是不变的。最后终成永恒。。

比如生命是偶然的，也是永恒的。 ...

胡说，不存在永恒的生命

马黑黑

醉美水芙蓉 发表于 2024-11-2 12:01
欣赏学习黑黑老师美贴！

小辣椒

这个播放器彩色的，还是可以用一种颜色吧，大小宽和高度自己可以修改吧，实践后应该明白了

马黑黑

小辣椒 发表于 2024-11-2 13:21
这个播放器彩色的，还是可以用一种颜色吧，大小宽和高度自己可以修改吧，实践后应该明白了

颜色可以固定，比如你想用粉色，把这句

var color = `#${Math.random().toString(16).substring(2,8)}`;

改为

var color = 'pink';

小辣椒

马黑黑 发表于 2024-11-2 13:55
颜色可以固定，比如你想用粉色，把这句

var color = `#${Math.random().toString(16).substring(2,8)} ...

好的，我做的时候测试一下效果

红影

马黑黑 发表于 2024-11-2 11:13
rx往小里改是可以的

ry改成和原rx一样就成了圆

红影

马黑黑 发表于 2024-11-2 11:14
主要是不用 createElement 来加载整个模块，就两行半代码的事

是啊，这个太方便了。

马黑黑

红影 发表于 2024-11-2 14:41
是啊，这个太方便了。

引入module之后，JS更强大了

马黑黑

红影 发表于 2024-11-2 14:41
ry改成和原rx一样就成了圆

可以两个都改呀，一大一小

马黑黑

小辣椒 发表于 2024-11-2 14:03
好的，我做的时候测试一下效果

红影

马黑黑 发表于 2024-11-2 14:42
引入module之后，JS更强大了

感谢黑黑带来的新的强大的全屏模式