12.星星背景实现详解

一、前言

本文详解一个星星背景的前端页面设计思路，并提供对应源码，可以用来作为登录页面、或者其它展示页面的背景，最终实现效果如下图：

注意，该背景并不是静态的，星星的大小与位置都会发生变化。

二、实现思路

首先不要想太复杂的东西，星星背景版实际上就是无数会动会变的星星组成的，所以我们只需要知道如何去制作一个星星、并对其进行大量复制，就行了。

可以先用css设置一下网页背景，调整为黑色：

body {
	background-color: #000200;
}