JS实现点击页面空白处显示花里胡哨的爱心

欢迎大家加入我的github项目,一起学习，一起发展

---> 全栈工程师进阶学习站
---> 我的前端学习笔记
--->行业内最新最群的报告，工作日每日更新

—>原生 js 训练计划

只要把下面一段js脚本复制到你的html代码里就ok

	<script>
	
	(function(window,document,undefined){
   
    var hearts = [];
    
    window.requestAnimationFrame = (function(){
   
        return window.requestAnimationFrame || 
        window.webkitRequestAnimationFrame ||
        window.mozRequestAnimationFrame ||
         window.oRequestAnimationFrame ||
         window.msRequestAnimationFrame ||
         function (callback){
   
             setTimeout(callback,1000/60);
         }
    })();
    
    init();

    function init(){
   
        css(".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: absolute;}.heart:after{top: -5px;}.heart:before{left