永远的信仰（学习黑师《路南 - 关山月》粒子喷泉效果）
位置:
首页 >
悄然作业[ 发布时间: 2023.12.16 作者: 花飞飞 阅读: 525 ]
:doodle {
@size: auto 4em;
position: absolute;
bottom: 10px;
opacity: .56;
--geci: 'css-doodle player';
--motion: cover2;
--tt: 1s;
}
display: grid;
place-items: center start;
:before, :after {
content: var(--geci);
color: AliceBlue;
font: bold 2em sans-serif;
text-shadow: 1px 1px 2px #000;
white-space: pre;
}
:after {
position: absolute;
width: 0;
color:LightSkyBlue;
overflow: hidden;
animation: var(--motion) var(--tt) linear forwards var(--state);
}
@keyframes cover1 { from { width: 0; } to { width: 100%; } }
@keyframes cover2 { from { width: 0; } to { width: 100%; } }
前一篇: 美好时光（学习黑师《精神入侵》粒子内飞效果）
下一篇: 伴随着你（学习黑师《湖心》代码效果）
发表评论:
评论列表 [2条]
#2 | 悄然 于 2023-12-16 23:40 发布: 那个帖子我记得，粒子伞……这个本来换右下角向上，也好看……后来根据人的状态，放脚下，像人踩到机关有粒子喷泉出来……就是一个好玩……
#1 | 马黑 于 2023-12-16 23:16 发布: 这个构思不错，实现方法也很优秀。关于粒子，过去我有一个帖子，从底部的中间发出，散向两边，形同树冠，效果也不错。
