马黑黑 发表于 2024-11-2 09:29
占位宽高可以说说
{:4_170:}
这个占位宽高，我看了你教程里没提，贴子里的那串糖里也并没有设计它的位置
去哪里提？
马黑黑 发表于 2024-11-2 09:31
这是早用过的，只不过更多的时候，不一定在CSS中给变量在父元素中赋值，可以在js里完成，依托还是父元素 ...
我说呢。。。
原来以前虽然没看到，但也在做工作。。
只是先在子孙中找个明面上代理的。。
反正今天这个写法，改变了我的理所当然。。。
这些椭圆旋转组合后的小播真漂亮。帖子里还用上了最新全屏代码。这个全屏好，可以单独添加或拿掉，十分方便{:4_199:}
#msvg:hover ellipse { ry: 30; }还是用ry的好，去试了一下rx就很不明显，只在中心圆圈位置有微小变化{:4_173:}
这背景制作真美，宁静的雪山，被动态视频粒子带来很多灵动。
花飞飞 发表于 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
欣赏学习黑黑老师美贴！
{:4_190:}
这个播放器彩色的，还是可以用一种颜色吧，大小宽和高度自己可以修改吧，实践后应该明白了
小辣椒 发表于 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一样就成了圆{:4_173:}
马黑黑 发表于 2024-11-2 11:14
主要是不用 createElement 来加载整个模块，就两行半代码的事
是啊，这个太方便了。{:4_187:}
红影 发表于 2024-11-2 14:41
是啊，这个太方便了。
引入module之后，JS更强大了
红影 发表于 2024-11-2 14:41
ry改成和原rx一样就成了圆
可以两个都改呀，一大一小
小辣椒 发表于 2024-11-2 14:03
好的，我做的时候测试一下效果
{:4_190:}
马黑黑 发表于 2024-11-2 14:42
引入module之后，JS更强大了
感谢黑黑带来的新的强大的全屏模式{:4_187:}