【黑师代码】不朽（学习黑师20240530《天策·天策府》开裂动画效果）

南无月

南无月

@马黑黑 白老师来瞧一瞧这个开裂效果。。。

南无月

老师来这里救个命 。。。
class="pa" 的元素是绝对定位，它的尺寸未设置，由里面的不定位的图片大小决定它的大小。而你使用的变换方式是宽度变更。

根据图片等因素，伪元素的变换方法可以是 left 和 right，辅之以 transform: rotate(角度），可以达到更大幅度的开合效果，庄严而大气。

也就是我不能用宽度改变，而是用LEFT来改变。

马黑黑

南无月 发表于 2024-6-2 18:31
老师来这里救个命 。。。
class="pa" 的元素是绝对定位，它的尺寸未设置，由里面的不定位的图片 ...

一不小心弄丢了数据，现在改成和你网站一样的。

南无月

马黑黑 发表于 2024-6-2 18:37
一不小心弄丢了数据，现在改成和你网站一样的。

太好看了，就是要这个效果。
不过我觉得壳开太大了，里面的视频边缘太明显，
现在改回去一小丢丢。行不行呢

南无月

马黑黑 发表于 2024-6-2 18:37
一不小心弄丢了数据，现在改成和你网站一样的。

给老师送花上茶上酒，上满汉全席。。
太开心 了，这个真的好看。。

红影

月儿这个厉害了，大气磅礴，还把开裂的边框用图图替代了，太棒了

红影

这个也是人类史的发展吧，穿越血与火的洗礼，勇敢向前

红影

这个开裂小图还是别样的太极图呢，头一次看到这样的太极。
开裂后能看见里面的火，月儿的构思太奇特了

马黑黑

南无月 发表于 2024-6-2 18:47
给老师送花上茶上酒，上满汉全席。。
太开心 了，这个真的好看。。{:4_17 ...

可以随意一点的

红影

不朽的行进历程，不朽的人类发展史，都在月儿的帖子里被展现在眼前。
很引人深思的作品

马黑黑

南无月 发表于 2024-6-2 18:47
给老师送花上茶上酒，上满汉全席。。
太开心 了，这个真的好看。。{:4_17 ...

然后你那个 <br><br><br><br><br><br><br><br><br><br><br><br> 是可以不要的，我们就用

    margin: 100px 0 40px calc(...);

定位帖子

马黑黑

南无月 发表于 2024-6-2 18:45
太好看了，就是要这个效果。
不过我觉得壳开太大了，里面的视频边缘太明显，
现在改回去一 ...

行

南无月

马黑黑 发表于 2024-6-2 19:41
行

我在网站里把外壳全部隐去，那银河系小播像是掉进黑洞里似的。。烈焰燃烧，这效果也很好看。。

南无月

马黑黑 发表于 2024-6-2 19:33
然后你那个  是可以不要的，我们就用

    margin: 100px 0 40px calc(...);

好哒，40PX就是代替了它对吧。。我去删了。。
我好象一直晕着用的

南无月

红影 发表于 2024-6-2 19:28
月儿这个厉害了，大气磅礴，还把开裂的边框用图图替代了，太棒了

那框开了里面不知道放点啥，就想变成图。
原来是用莲花，切得太整齐了并不好看，后来改成这个太极图。。

南无月

红影 发表于 2024-6-2 19:29
这个也是人类史的发展吧，穿越血与火的洗礼，勇敢向前

做贴时候想的是银河系黑洞宇宙和战争，人类在观看

南无月

红影 发表于 2024-6-2 19:31
这个开裂小图还是别样的太极图呢，头一次看到这样的太极。
开裂后能看见里面的火，月儿的构思太奇特了{:4_ ...

太极挡住一切，还地球和平与美好。哈哈。。
被你说得要想一番，
其实做的时候真的没想那么多。

南无月

马黑黑 发表于 2024-6-2 19:31
可以随意一点的

就是很随意啊，哈哈，主打一个开心，就乱上。

南无月

红影 发表于 2024-6-2 19:32
不朽的行进历程，不朽的人类发展史，都在月儿的帖子里被展现在眼前。
很引人深思的作品

音乐开头是找的关于星际战争的。
结果这曲子经典就拿来用了。。
然后才取的名字