查看: 942|回复: 91

[特效] AURORA - Do You Feel?

[复制链接]
一生安柠 青恬时光 幸福莓满 心想事橙 桃气满满 梅开颜笑 心若葡提 大吉大荔 樱果相依 喜上莓梢 一坛酒
发表于 2024-6-17 19:49 | 显示全部楼层 |阅读模式

评分

8

查看全部评分

点评
回复

使用道具

一生安柠 青恬时光 幸福莓满 心想事橙 桃气满满 梅开颜笑 心若葡提 大吉大荔 樱果相依 喜上莓梢 一坛酒
 楼主| 发表于 2024-6-17 19:49 | 显示全部楼层
本帖最后由 凡哥 于 2024-6-17 19:52 编辑

帖子代码:
http://43.159.199.78/forum.php?m ... 2691&pid=471989

评分

2

查看全部评分

点评
回复

使用道具

一叶知秋 开卷有益 桃花朵朵 山高为峰 山外有山 24 46 47 48 丹凤凰
发表于 2024-6-17 19:59 | 显示全部楼层
很炫的舞台效果,曲子好听。代码做的真棒,问好
点评
回复

使用道具

四笑江梅引

九色鹿
发表于 2024-6-17 20:00 | 显示全部楼层
先占位学习
点评
回复

使用道具

一叶知秋 版主勋章 山高为峰 山外有山 樱果相依 24 46 47 48 闲花落
发表于 2024-6-17 20:22 | 显示全部楼层
歌词先进:彩虹字歌词这次没有用插件,直接透边显示。。代码简单又好懂

评分

1

查看全部评分

点评
回复

使用道具

一叶知秋 版主勋章 山高为峰 山外有山 樱果相依 24 46 47 48 闲花落
发表于 2024-6-17 20:29 | 显示全部楼层
(此句转自黑师)伪元素层次安排:伪元素中,::before 沉底,::after 浮于最上层,就是说,如果帖子元素有其他子元素,那么,在不干预 z-index 的情况下,::before 在最下层,::after 在最顶层。

本贴实例:
歌词:before伪元素放最下方。高60,视频比背景少60。歌词部分无重叠,显示出来。这种方法没有设歌词层级,照样可以看得到。。
:after的伪元素,切成了隐身的圆形,全透明的覆盖在彩球之上,设置了鼠标点击区域,也不用设层级,它自然就在最上方。。

z-index: 1;这个是平时用来设层级的,数字越小,越靠下。。数字越大,越靠上。。(本贴没有用它,也实现层级分明)

评分

4

查看全部评分

点评
回复

使用道具

一叶知秋 版主勋章 山高为峰 山外有山 樱果相依 24 46 47 48 闲花落
发表于 2024-6-17 20:39 | 显示全部楼层
极简代码、设计精妙、超级好贴。。

评分

1

查看全部评分

点评
回复

使用道具

一叶知秋 版主勋章 山高为峰 山外有山 樱果相依 24 46 47 48 闲花落
发表于 2024-6-17 20:40 | 显示全部楼层
凡哥 发表于 2024-6-17 19:49
帖子代码:
http://43.159.199.78/forum.php?mod=redirect&goto=findpost&ptid=12691&pid=471989

老师我从你这个链接进到代码小屋时,
直接掉线了。还需要重新登录。。
这个奇怪的是啥原因
点评
回复

使用道具

一生安柠 青恬时光 幸福莓满 心想事橙 桃气满满 梅开颜笑 心若葡提 大吉大荔 樱果相依 喜上莓梢 一坛酒
 楼主| 发表于 2024-6-17 20:58 | 显示全部楼层
青石板 发表于 2024-6-17 19:59
很炫的舞台效果,曲子好听。代码做的真棒,问好

点评
回复

使用道具

一生安柠 青恬时光 幸福莓满 心想事橙 桃气满满 梅开颜笑 心若葡提 大吉大荔 樱果相依 喜上莓梢 一坛酒
 楼主| 发表于 2024-6-17 20:58 | 显示全部楼层
花简静 发表于 2024-6-17 20:40
老师我从你这个链接进到代码小屋时,
直接掉线了。还需要重新登录。。
这个奇怪的是啥原因 ...

这与帖子无关。这是浏览器缓存太多了混乱了有关
点评
回复

使用道具

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|千山论坛

GMT+8, 2024-9-20 06:30

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表