Lines Matching refs:pixel
3817 const pixel = document.createElement('div');
3818 pixel.className = 'pink-pixel-sparkle';
3824 pixel.style.left = (clientX + offsetX) + 'px';
3825 pixel.style.top = (clientY + offsetY) + 'px';
3830 pixel.style.background = color;
3831 pixel.style.boxShadow = '0 0 2px ' + color + ', 0 0 4px ' + color + ', 0 0 6px #fff';
3835 pixel.style.animation = 'pixel-twinkle 0.6s ease-out forwards';
3837 pixel.style.animation = 'pixel-float-away 0.8s ease-out forwards';
3840 document.body.appendChild(pixel);
3843 pixel.remove();
3928 const pixel = document.createElement('div');
3929 pixel.className = 'pink-pixel-sparkle';
3933 pixel.style.background = pixelColor;
3934 … pixel.style.boxShadow = '0 0 3px ' + pixelColor + ', 0 0 6px ' + pixelColor + ', 0 0 9px #fff';
3941 pixel.style.left = clientX + 'px';
3942 pixel.style.top = clientY + 'px';
3943 pixel.style.setProperty('--tx', offsetX + 'px');
3944 pixel.style.setProperty('--ty', offsetY + 'px');
3947 pixel.style.width = pixelSize + 'px';
3948 pixel.style.height = pixelSize + 'px';
3952 pixel.style.animation = 'pixel-twinkle ' + duration + 's ease-out forwards';
3954 pixel.style.animation = 'particle-explode ' + duration + 's ease-out forwards';
3957 document.body.appendChild(pixel);
3960 pixel.remove();