cursor click heart effect script

 

cursor click heart effect script
cursor click heart effect script


If you click the mouse anywhere while visiting this page, you will notice that the heart effect is after clicking the mouse. I will share some code today to give this effect.You just copy the code below and put it on your website. 



<script> 

//<![CDATA[

!function(e,t,a){function n(){c(".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;}"),o(),r()}function r(){for(var e=0;e<d.length;e++)d[e].alpha<=0?(t.body.removeChild(d[e].el),d.splice(e,1)):(d[e].y--,d[e].scale+=.004,d[e].alpha-=.013,d[e].el.style.cssText="left:"+d[e].x+"px;top:"+d[e].y+"px;opacity:"+d[e].alpha+";transform:scale("+d[e].scale+","+d[e].scale+") rotate(45deg);background:"+d[e].color+";z-index:99999");requestAnimationFrame(r)}function o(){var t="function"==typeof e.onclick&&e.onclick;e.onclick=function(e){t&&t(),i(e)}}function i(e){var a=t.createElement("div");a.className="heart",d.push({el:a,x:e.clientX-5,y:e.clientY-5,scale:1,alpha:1,color:s()}),t.body.appendChild(a)}function c(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 s(){return"rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"}var d=[];e.requestAnimationFrame=function(){return e.requestAnimationFrame||e.webkitRequestAnimationFrame||e.mozRequestAnimationFrame||e.oRequestAnimationFrame||e.msRequestAnimationFrame||function(e){setTimeout(e,1e3/60)}}(),n()}(window,document);

//]]>

</script>

 



javascript click effect,css javascript cursor trail effects,vanilla javascript cursor trail effect,click effect,how to make a click effect,create a click effect for html button,create a trailing mouse cursor effect,cursor trails scripts javascript,javascript follow mouse effect,follow the cursor,create a click effect for html button using css & javascript,js button effect,cursor javascript,javascript cursor,css hover effects,javascript cursor trail, cursor click heart effect scriptcursor click heart effect script,cursor click heart effect script
Next Post Previous Post
1 Comments
  • Mike Johnson
    Mike Johnson September 17, 2021 at 1:58 PM

    Thank you for this post! I saw that you publish your video on youtube. I advise you to promote your channel. You can get subscribers from here https://soclikes.com/buy-youtube-subscribers

Add Comment
comment url