这个网页的动图动画特效名称叫啥？

Question

各位大佬们帮帮忙，下面这个网页在奖品中间一闪一闪的粒子特效叫啥名，有具体源码地址更好，谢谢大家。

https://wall.myhudong.cn/screen#/draw_pool?acid=XOyLWMsRNLDls5V5kw&l=a

尝试搜索了很多网站，可能是关键词问题，希望大家帮帮忙

Answer 1

这个是网站作者自己写的, 他的核心代码:

          s(
                "div",
                {
                  staticClass: "star-container",
                },
                t._l(10, function (a) {
                  return s(
                    "div",
                    {
                      key: "ring" + a,
                      staticClass: "star-ring",
                      style: {
                        animationDelay: (a - 1) / 10 + "s",
                      },
                    },
                    t._l(starList[a - 1], function (i) {
                      return s("div", {
                        key: i,
                        staticClass: "star",
                        style: t.starStyle(i, a / 1 + 0, starList[a - 1]),
                      });
                    }),
                    0
                  );
                }),
                0
              )

starStyle函数:

            starStyle(t, a, s) {
              let i = 360 / s,
                e = -1 * Math.sin((((t - 1) * i) / 180) * Math.PI) * a + "rem",
                n = Math.cos((((t - 1) * i) / 180) * Math.PI) * a + "rem";
              return {
                transform: `translate(${e}, ${n}) rotate(${(t - 1) * i}deg)`,
              };
            },

starList数组值

              starList: [10, 20, 30, 40, 60, 90, 90, 90, 90, 90],

Answer 2

扣了下代码，这特效没啥技巧，纯纯的DIV拼的

codepen 似乎被墙了，再放一个 jsfiddle
https://jsfiddle.net/Fractal0001/b9rz2yxa/

代码居然太长，超出限制了，放 codepen 了
https://codepen.io/FractalPen/pen/xxebeXJ

Answer 3

第一印象是canvas写的背景动画，然后一打开开发者工具，div+css动画，被现在的新技术迷了眼了

Answer 4

这个直接打开开发者工具查看即可，基本实现流程是div+css。

上面的mala 和Fractal已经给出了代码，可以参考实现。