原神启动：渐变背景和高斯模糊效果教程 - 快速指南 - 常规

"原神，启动！"<iframe src="https://gi.qijieya.cn" width=320 height=160>您可以使用CSS的background属性来实现渐变和高斯模糊效果。以下是一个示例代码：\n\nhtml\n<!DOCTYPE html>\n<html>\n<head>\n<style>\nbody {\n background: linear-gradient(45deg, #f3e7e9, #f8bbd0);\n background-size: cover;\n filter: blur(10px);\n}\nh1 {\n color: #6cf;\n font-size: 300%;\n text-align: center;\n margin-top: 50px;\n}\n</style>\n</head>\n<body>\n<h1><b>原神，启动！</b></h1>\n<iframe src=\"https://gi.qijieya.cn\" width=320 height=160></iframe>\n</body>\n</html>\n\n\n在上述代码中，我们使用了线性渐变linear-gradient(45deg, #f3e7e9, #f8bbd0)来设置背景颜色渐变。#f3e7e9是起始颜色，#f8bbd0是结束颜色。我们还通过background-size: cover;将背景图像缩放到与屏幕大小相匹配。\n\n通过filter: blur(10px);设置了10像素的高斯模糊效果。\n\n请将代码复制到HTML文件中，然后在浏览器中打开该文件，即可看到渐变和高斯模糊效果应用在页面上。