创意预览图

以聊斋狼的故事为背景做一款视频封面

用户头像

1qbhbma2c3z...

2025.12.24
1r496heahxGh4KWQ-HB1r496heahxGh4KWQ-HB
<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>
1qmfqfwd4ru_5QpA-HB1qmfqfwd4ru_5QpA-HB
69f5u25pl4LxN_A-HB69f5u25pl4LxN_A-HB
1r496heahxGh4KWQ-HB1r496heahxGh4KWQ-HB
齐笙殃池鱼齐笙殃池鱼
1qk70hhnnt7vt2Fw-HB1qk70hhnnt7vt2Fw-HB
用户Efla7aet用户Efla7aet
1qifo1tld17oXZsQ-HB1qifo1tld17oXZsQ-HB
1r496heahxGh4KWQ-HB1r496heahxGh4KWQ-HB
1q0haxxpzw-HB1q0haxxpzw-HB
1r496heahxGh4KWQ-HB1r496heahxGh4KWQ-HB
1qax0yjvm21j1n39e-HB1qax0yjvm21j1n39e-HB
瞎猫猫瞎猫猫
瞎猫猫瞎猫猫
1q0tkfc1dl-HB1q0tkfc1dl-HB
1qax0wbnpp1iaoltu-HB1qax0wbnpp1iaoltu-HB
瞎猫猫瞎猫猫
1r5e82zzmt4_W3Xw-HB1r5e82zzmt4_W3Xw-HB
1r5e82zzmt4_W3Xw-HB1r5e82zzmt4_W3Xw-HB
old_man6210old_man6210
1qax135rxk19ojvql-HB1qax135rxk19ojvql-HB
1qlia6ob48rIkTHw-HB1qlia6ob48rIkTHw-HB
AAA素材包厂长AAA素材包厂长
1qax0ylvbq18674hs-HB1qax0ylvbq18674hs-HB
GD543427246GD543427246