<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>高斯模糊</title>
<style>
.blur {
-webkit-filter: blur(10px); /* Chrome, Opera */
-moz-filter: blur(10px);
-ms-filter: blur(10px);
filter: blur(10px);
}
</style>
</head>
<body>
<div style="300px;height:300px;background:#78ede1;" class="blur"></div>
</body>
</html>