ITPub博客

首页 > IT职业 > IT生活 > 使用css实现星空效果!

使用css实现星空效果!

IT生活 作者:esum 时间:2021-09-09 08:57:18 0 删除 编辑







css实现星空效果






var w = document.documentElement.clientWidth1.2;
var h = document.documentElement.clientHeight
1.2;
var star = document.getElementsByClassName("stars")[0];
var n = 1000;
//随机函数
function randomNum(m, n) {
return Math.floor(Math.random() * (n - m + 1) + m);
}
var str = '';
for (var i = 0; i var numX = randomNum(-w, w);
var numY = randomNum(-h, h);
var color = 'rgb(' + randomNum(0, 255) + ',' + randomNum(0, 255) + ',' + randomNum(0, 255) + ')';
str += numX +'px'+' ' + numY+'px'+' '+ color+',';
}
str = str.slice(0,-1);
star.style.boxShadow = str;
cript>

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1679/viewspace-2807420/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-15

  • 博文量
    80
  • 访问量
    807