Javascript 模糊&；鼠标移动时的透明圆形背景效果

我试图复制这种效果：（试着绕着鼠标移动），但我不知道他们是如何实现的

我曾尝试在这里使用JSFIDLE:，但它不起作用

职能：

 function animate() {
   requestAnimationFrame(animate);

   update();
 }

运行

requestAnimationFrame

，但这似乎不会出现在其代码中的任何地方

我不知道他们是怎么造成这种效果的

---

我错过了什么？

效果不错，我试了一下：

• 每次鼠标移动时，在鼠标位置都会创建一个模糊的圆
• 随机颜色，随机大小
• 环流立即缩小并消失
• 模糊效果是一个长方体阴影
  /*每次鼠标移动都创建一个动画圆圈*/ $（'body'）。打开（'mousemove'，函数（ev）{ 创建随机循环（ev.pageX，ev.pageY）； });
  函数createRandomCircle（x，y）{

  ---

  您试图复制给定链接上的哪些影响？

  /* shadow has 100px top offset, so compensate with -100px top */
  y = y -100;
  
  /* random color */
  var colorR = Math.ceil(Math.random() * 255);
  var colorG = Math.ceil(Math.random() * 255);
  var colorB = Math.ceil(Math.random() * 255);
  var color = 'rgb('+colorR+','+colorG+','+colorB+')';
  
  /* random size */
  var size = Math.ceil(Math.random() * 80);
  
  /* create the circle */
  var circle = $('<span />')
      .addClass('circle')
      .css('left', x+"px")
      .css('top', y+"px")
      .css('width', size+"px")
      .css('height', size+"px")    
      .css('color', color)
      .css('box-shadow', '0px 100px 40px')
      .css('border-radius', '80px');
  
  circle.appendTo('body');
  
  /* animate the circle (shrink and fade out)  */  
  circle.animate({opacity: 0, width: '10px', height: '10px'}, 500, function() {
      /* remove it when animation is finished */
      $(this).remove();
  });
  

  html, body {
      height: 100%;
  }
  
  .circle {
    display: block;
    position:absolute;
    background-color: transparent;
  }