EMlog鼠标点击爱心特效

emlog教程 2020-08-25

  

  !function(e, t, a) {

  function r() {

  for (var e = 0; e

  requestAnimationFrame(r)

  }

  function n() {

  var t = "function" == typeof e.onclick && e.onclick;

  e.onclick = function(e) {

  t && t(),

  o(e)

  }

  }

  function o(e) {

  var a = t.createElement("div");

  a.className = "heart",

  s.push({

  el: a,

  x: e.clientX - 5,

  y: e.clientY - 5,

  scale: 1,

  alpha: 1,

  color: c()

  }),

  t.body.appendChild(a)

  }

  function i(e) {

  var a = t.createElement("style");

  a.type = "text/css";

  try {

  a.appendChild(t.createTextNode(e))

  } catch(t) {

  a.styleSheet.cssText = e

  }

  t.getElementsByTagName("head")[0].appendChild(a)

  }

  function c() {

  return "rgb(" + ~~ (255 * Math.random()) + "," + ~~ (255 * Math.random()) + "," + ~~ (255 * Math.random()) + ")"

  }

  var s = [];

  e.requestAnimationFrame = e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.oRequestAnimationFrame || e.msRequestAnimationFrame ||

  function(e) {

  setTimeout(e, 1e3 / 60)

  },

  i(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}"),

  n(),

  r()

  } (window, document);

  

评论 (0)
    Top