创意预览图

在狭窄的聚落隘巷中,土路两旁是低矮的茅草屋,姜原将婴儿放在路中央,周围是耕田归来的牛羊,它们看到婴孩后纷纷收住脚步,小心翼翼地刨着蹄子绕开,画面充满古朴原始的部落生活气息,光线柔和,氛围宁静而神秘

用户头像

XuYoJ7Um

2025.09.23
<div class="bg-container"> <div class="moon"></div> <div class="tree"></div> <div class="old-man"></div> <div class="campfire"></div> </div> <style> .bg-container { width: 1080px; height: 1920px; /* 抖音常用竖版比例 */ background: linear-gradient(to bottom, #0a1a30 0%, #0a0e17 100%); position: relative; } .moon { width: 150px; height: 150px; background: radial-gradient(circle, #f9f3c8 30%, transparent 70%); border-radius: 50%; position: absolute; top: 10%; right: 15%; filter: blur(2px); } .tree { width: 400px; height: 900px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 900'%3E%3Cpath fill='%23333' d='M200,0 Q250,300 150,500 T200,900 L250,900 Q180,500 250,300 Z'/%3E%3C/svg%3E"); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .old-man { width: 180px; height: 220px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 220'%3E%3Cpath fill='%23111' d='M90,0 Q120,50 100,120 L80,220 L100,220 Q110,150 90,120 Z'/%3E%3C/svg%3E"); position: absolute; bottom: 150px; left: 50%; transform: translateX(-30%); } .campfire { width: 30px; height: 50px; background: radial-gradient(circle, #ff9d00 0%, transparent 70%), linear-gradient(to top, #ff6a00 0%, #ff9d00 50%, transparent 100%); position: absolute; bottom: 160px; left: 50%; transform: translateX(20%); border-radius: 50%; animation: flicker 1.5s infinite alternate; filter: blur(1px); } @keyframes flicker { 0% { opacity: 0.7; height: 50px; } 100% { opacity: 1; height: 70px; } } </style><div class="bg-container">
  <div class="moon"></div>
  <div class="tree"></div>
  <div class="old-man"></div>
  <div class="campfire"></div>
</div>

<style>
.bg-container {
  width: 1080px;
  height: 1920px; /* 抖音常用竖版比例 */
  background: linear-gradient(to bottom, #0a1a30 0%, #0a0e17 100%);
  position: relative;
}

.moon {
  width: 150px;
  height: 150px;
  background: radial-gradient(circle, #f9f3c8 30%, transparent 70%);
  border-radius: 50%;
  position: absolute;
  top: 10%;
  right: 15%;
  filter: blur(2px);
}

.tree {
  width: 400px;
  height: 900px;
  background: 
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 900'%3E%3Cpath fill='%23333' d='M200,0 Q250,300 150,500 T200,900 L250,900 Q180,500 250,300 Z'/%3E%3C/svg%3E");
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.old-man {
  width: 180px;
  height: 220px;
  background: 
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 220'%3E%3Cpath fill='%23111' d='M90,0 Q120,50 100,120 L80,220 L100,220 Q110,150 90,120 Z'/%3E%3C/svg%3E");
  position: absolute;
  bottom: 150px;
  left: 50%;
  transform: translateX(-30%);
}

.campfire {
  width: 30px;
  height: 50px;
  background: 
    radial-gradient(circle, #ff9d00 0%, transparent 70%),
    linear-gradient(to top, #ff6a00 0%, #ff9d00 50%, transparent 100%);
  position: absolute;
  bottom: 160px;
  left: 50%;
  transform: translateX(20%);
  border-radius: 50%;
  animation: flicker 1.5s infinite alternate;
  filter: blur(1px);
}

@keyframes flicker {
  0% { opacity: 0.7; height: 50px; }
  100% { opacity: 1; height: 70px; }
}
</style>