Hello World 简单页面
// preview
// description
带渐变背景与居中卡片的 Hello World 静态演示页
这是一个极简的静态 HTML 演示页面。页面以蓝紫渐变铺满整个视口,正中央是一张半透明毛玻璃卡片,卡片内是标题 Hello World 与一行说明文字。页面没有导航、表单或按钮,打开后即可直接查看,主要用于展示一个最小可用网页的排版与视觉效果。
核心亮点
渐变背景
蓝紫渐变铺满整个屏幕
居中毛玻璃卡片
内容始终位于屏幕正中
淡入动画
卡片载入时轻轻上移出现
响应式适配
窄屏自动缩小字号与间距
如何使用
打开页面
在浏览器中访问站点链接,页面会立即加载,并在窗口正中央显示一张半透明卡片,无需登录或任何前置操作。
查看内容
卡片内展示了标题 Hello World 和一行说明文字,整张卡片使用圆角、半透明背景与柔和阴影,标题为渐变填充的大字。
调整窗口
改变浏览器窗口大小时可以看到卡片始终保持居中;当窗口宽度缩小到手机尺寸以下时,卡片内边距与标题字号会自动变小。
// similar sites
