使用CSS圆角边框和背景渐变实现许愿墙的效果

许愿墙通常是一个展示用户愿望的互动设计，可以使用 CSS 技术轻松实现。首先，你可以通过设置元素的 `border-radius` 属性来创建圆形或圆角的边框，赋予愿望卡片或墙壁一种温馨、亲切的感觉。例如：

.wish-wall {
  border-radius: 10px; /* 可自定义圆角大小 */
  background: linear-gradient(to bottom right, #f8f9fa, #e9ecef); /* 创建从上到下的背景渐变色 */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 添加一些阴影效果 */
}

.wall-card {
  border-radius: 50%; /* 卡片圆角同样设置为100%或其他你喜欢的比例 */
  background-color: #fff;
  transition: all 0.3s ease; /* 创造平滑过渡效果 */
}

在这个例子中，`.wish-wall` 类设置了整个许愿墙的基本样式，`.wall-card` 类则表示单个的愿望卡片。为了增强交互性，你还可以给卡片添加悬停效果，当鼠标悬停在卡片上时改变颜色或显示更多细节。