496 lines
22 KiB
HTML
496 lines
22 KiB
HTML
|
||
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
<title>特斯拉皮卡Cybertruck - 行业洞察报告</title>
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" />
|
||
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/dist/full.min.css" rel="stylesheet" type="text/css" />
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
|
||
<style>
|
||
body {
|
||
font-family: 'Inter', sans-serif;
|
||
background-color: #0a0a0a;
|
||
color: #ffffff;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
.gradient-text {
|
||
background: linear-gradient(90deg, #e53e3e, #dd6b20);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
|
||
.card-bg {
|
||
background: rgba(26, 32, 44, 0.7);
|
||
backdrop-filter: blur(10px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
}
|
||
|
||
.timeline-dot {
|
||
position: relative;
|
||
}
|
||
|
||
.timeline-dot::before {
|
||
content: '';
|
||
position: absolute;
|
||
width: 16px;
|
||
height: 16px;
|
||
border-radius: 50%;
|
||
background-color: #e53e3e;
|
||
left: -8px;
|
||
top: 6px;
|
||
}
|
||
|
||
.timeline-line {
|
||
position: absolute;
|
||
width: 2px;
|
||
background-color: rgba(255, 255, 255, 0.2);
|
||
left: -1px;
|
||
top: 22px;
|
||
bottom: 0;
|
||
}
|
||
|
||
.table-responsive {
|
||
overflow-x: auto;
|
||
}
|
||
|
||
@media (max-width: 768px) {
|
||
.mobile-stack {
|
||
flex-direction: column;
|
||
}
|
||
|
||
.mobile-full {
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
#tsparticles {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
z-index: -1;
|
||
}
|
||
|
||
.highlight-box {
|
||
background: linear-gradient(135deg, rgba(229, 62, 62, 0.1), rgba(221, 107, 32, 0.1));
|
||
border-left: 4px solid #e53e3e;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div id="tsparticles"></div>
|
||
|
||
<div class="container mx-auto px-4 py-8 relative z-10">
|
||
<!-- 标题部分 -->
|
||
<div class="text-center mb-12">
|
||
<h1 class="text-4xl md:text-5xl font-bold mb-4 gradient-text">特斯拉皮卡Cybertruck</h1>
|
||
<p class="text-xl text-gray-300">行业洞察与投资分析报告</p>
|
||
<div class="mt-6 h-1 w-24 bg-gradient-to-r from-red-600 to-orange-500 mx-auto rounded"></div>
|
||
</div>
|
||
|
||
<!-- 核心观点摘要 -->
|
||
<div class="card-bg rounded-2xl p-6 mb-8 shadow-xl">
|
||
<h2 class="text-2xl font-bold mb-4 text-red-400">核心观点摘要</h2>
|
||
<div class="highlight-box p-4 rounded-lg mb-4">
|
||
<p class="text-lg font-semibold">Cybertruck当前处于<strong class="text-red-400">"产能瓶颈下的需求证伪阶段"</strong></p>
|
||
</div>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||
<div class="bg-gray-800 bg-opacity-50 p-4 rounded-lg">
|
||
<h3 class="text-lg font-semibold mb-2 text-orange-400">短期</h3>
|
||
<p>北美交付量<strong class="text-red-400">3.9万辆</strong>（vs目标50万辆）暴露需求疲软，库存压力倒逼降价减产。</p>
|
||
</div>
|
||
<div class="bg-gray-800 bg-opacity-50 p-4 rounded-lg">
|
||
<h3 class="text-lg font-semibold mb-2 text-orange-400">长期</h3>
|
||
<p>技术领先性（4680电池、不锈钢车身）仍具颠覆潜力，但需突破<strong class="text-red-400">成本</strong>和<strong class="text-red-400">法规</strong>两大障碍。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 时间轴 -->
|
||
<div class="card-bg rounded-2xl p-6 mb-8 shadow-xl">
|
||
<h2 class="text-2xl font-bold mb-6 text-red-400">关键时间轴</h2>
|
||
<div class="relative">
|
||
<div class="timeline-line"></div>
|
||
<div class="space-y-6">
|
||
<div class="flex items-start">
|
||
<div class="timeline-dot pl-6 pt-1">
|
||
<div class="bg-gray-800 bg-opacity-50 p-4 rounded-lg">
|
||
<h3 class="font-bold text-lg text-orange-400">2023年11月</h3>
|
||
<p class="font-semibold">北美交付启动</p>
|
||
<p class="text-sm text-gray-300">订单超100万辆，股价短期冲高</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="timeline-dot pl-6 pt-1">
|
||
<div class="bg-gray-800 bg-opacity-50 p-4 rounded-lg">
|
||
<h3 class="font-bold text-lg text-orange-400">2024年1月</h3>
|
||
<p class="font-semibold">中国巡展+能耗申报通过</p>
|
||
<p class="text-sm text-gray-300">入华预期升温，关联个股涨停</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="timeline-dot pl-6 pt-1">
|
||
<div class="bg-gray-800 bg-opacity-50 p-4 rounded-lg">
|
||
<h3 class="font-bold text-lg text-orange-400">2024年8月</h3>
|
||
<p class="font-semibold">加拿大/墨西哥交付</p>
|
||
<p class="text-sm text-gray-300">国际化逻辑强化，但销量数据平淡</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="timeline-dot pl-6 pt-1">
|
||
<div class="bg-gray-800 bg-opacity-50 p-4 rounded-lg">
|
||
<h3 class="font-bold text-lg text-orange-400">2024年12月</h3>
|
||
<p class="font-semibold">能耗申报作废+官方否认入华</p>
|
||
<p class="text-sm text-gray-300">预期差破灭，概念股回调</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-start">
|
||
<div class="timeline-dot pl-6 pt-1">
|
||
<div class="bg-gray-800 bg-opacity-50 p-4 rounded-lg">
|
||
<h3 class="font-bold text-lg text-orange-400">2025年1月</h3>
|
||
<p class="font-semibold">库存积压+减产转产</p>
|
||
<p class="text-sm text-gray-300">需求证伪，板块情绪转冷</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心驱动力 -->
|
||
<div class="card-bg rounded-2xl p-6 mb-8 shadow-xl">
|
||
<h2 class="text-2xl font-bold mb-6 text-red-400">核心驱动力</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<div class="bg-gradient-to-br from-gray-800 to-gray-900 p-5 rounded-xl">
|
||
<h3 class="text-xl font-bold mb-3 text-orange-400">技术差异化</h3>
|
||
<ul class="space-y-3">
|
||
<li class="flex items-start">
|
||
<span class="text-red-400 mr-2">•</span>
|
||
<div>
|
||
<strong class="text-white">不锈钢外骨骼</strong>
|
||
<p class="text-sm text-gray-300">减重30%但成本高昂（传统车架成本1/3）</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<span class="text-red-400 mr-2">•</span>
|
||
<div>
|
||
<strong class="text-white">4680电池</strong>
|
||
<p class="text-sm text-gray-300">能量密度170Wh/kg，但良率仅92%（vs方形电池95%+）</p>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="bg-gradient-to-br from-gray-800 to-gray-900 p-5 rounded-xl">
|
||
<h3 class="text-xl font-bold mb-3 text-orange-400">政策红利</h3>
|
||
<ul class="space-y-3">
|
||
<li class="flex items-start">
|
||
<span class="text-red-400 mr-2">•</span>
|
||
<div>
|
||
<strong class="text-white">美国IRA补贴</strong>
|
||
<p class="text-sm text-gray-300">7500美元（需本土化生产），2024年Q1后Model 3补贴取消，Cybertruck成唯一受益车型</p>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 预期差分析 -->
|
||
<div class="card-bg rounded-2xl p-6 mb-8 shadow-xl">
|
||
<h2 class="text-2xl font-bold mb-6 text-red-400">预期差分析</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="w-full text-sm">
|
||
<thead>
|
||
<tr class="border-b border-gray-700">
|
||
<th class="text-left py-3 px-4 text-orange-400">市场预期</th>
|
||
<th class="text-left py-3 px-4 text-orange-400">现实数据</th>
|
||
<th class="text-left py-3 px-4 text-orange-400">偏差原因</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="border-b border-gray-800">
|
||
<td class="py-3 px-4">2024年销量10万辆</td>
|
||
<td class="py-3 px-4 text-red-400">实际3.9万辆</td>
|
||
<td class="py-3 px-4">不锈钢工艺良率低（60%→80%爬坡）</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800">
|
||
<td class="py-3 px-4">中国2024年上市</td>
|
||
<td class="py-3 px-4 text-red-400">官方否认+能耗申报作废</td>
|
||
<td class="py-3 px-4">法规适配需重新设计（车重3.1吨）</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="py-3 px-4">4680电池降本50%</td>
|
||
<td class="py-3 px-4 text-red-400">成本仍高于2170电池20%</td>
|
||
<td class="py-3 px-4">干法电极工艺未规模化</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 产业链图谱 -->
|
||
<div class="card-bg rounded-2xl p-6 mb-8 shadow-xl">
|
||
<h2 class="text-2xl font-bold mb-6 text-red-400">产业链图谱</h2>
|
||
<div class="bg-gradient-to-r from-gray-800 to-gray-900 p-6 rounded-xl">
|
||
<div class="flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0">
|
||
<div class="text-center">
|
||
<div class="bg-red-900 bg-opacity-50 p-4 rounded-lg mb-2">
|
||
<h3 class="font-bold text-orange-400">上游</h3>
|
||
<p class="text-sm">4680电池<br>不锈钢</p>
|
||
</div>
|
||
<p class="text-xs text-gray-400">容百科技/亿纬锂能<br>宝钢股份</p>
|
||
</div>
|
||
<div class="text-2xl text-red-400">→</div>
|
||
<div class="text-center">
|
||
<div class="bg-red-900 bg-opacity-50 p-4 rounded-lg mb-2">
|
||
<h3 class="font-bold text-orange-400">中游</h3>
|
||
<p class="text-sm">冲压件<br>线控转向</p>
|
||
</div>
|
||
<p class="text-xs text-gray-400">威唐工业<br>拓普集团</p>
|
||
</div>
|
||
<div class="text-2xl text-red-400">→</div>
|
||
<div class="text-center">
|
||
<div class="bg-red-900 bg-opacity-50 p-4 rounded-lg mb-2">
|
||
<h3 class="font-bold text-orange-400">下游</h3>
|
||
<p class="text-sm">特斯拉<br>改装市场</p>
|
||
</div>
|
||
<p class="text-xs text-gray-400">北美直销<br>天铭科技电动踏板</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 关联股票数据 -->
|
||
<div class="card-bg rounded-2xl p-6 mb-8 shadow-xl">
|
||
<h2 class="text-2xl font-bold mb-6 text-red-400">关联股票数据</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="w-full text-sm">
|
||
<thead>
|
||
<tr class="border-b border-gray-700">
|
||
<th class="text-left py-3 px-4 text-orange-400">股票名称</th>
|
||
<th class="text-left py-3 px-4 text-orange-400">项目</th>
|
||
<th class="text-left py-3 px-4 text-orange-400">产业链</th>
|
||
<th class="text-left py-3 px-4 text-orange-400">分类</th>
|
||
<th class="text-left py-3 px-4 text-orange-400">合作原因</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800 hover:bg-opacity-30">
|
||
<td class="py-3 px-4 font-semibold">铭科精技</td>
|
||
<td class="py-3 px-4">特斯拉Cybertruck</td>
|
||
<td class="py-3 px-4">汽车零部件供应</td>
|
||
<td class="py-3 px-4">间接合作方</td>
|
||
<td class="py-3 px-4">公司通过间接合作为Tesla提供汽车零部件产品，应用于Cybertruck车型</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800 hover:bg-opacity-30">
|
||
<td class="py-3 px-4 font-semibold">超达装备</td>
|
||
<td class="py-3 px-4">特斯拉Cybertruck</td>
|
||
<td class="py-3 px-4">汽车零部件供应</td>
|
||
<td class="py-3 px-4">直接/间接供应商</td>
|
||
<td class="py-3 px-4">公司产品直接或间接供货给Cybertruck，包括传承包括Cybertruck在内的多个特斯拉车型</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800 hover:bg-opacity-30">
|
||
<td class="py-3 px-4 font-semibold">巨一科技</td>
|
||
<td class="py-3 px-4">特斯拉Cybertruck</td>
|
||
<td class="py-3 px-4">智能制造装备</td>
|
||
<td class="py-3 px-4">工艺技术服务方</td>
|
||
<td class="py-3 px-4">为Cybertruck电动皮卡生产提供焊接工艺技术与装备服务</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800 hover:bg-opacity-30">
|
||
<td class="py-3 px-4 font-semibold">宝武镁业</td>
|
||
<td class="py-3 px-4">特斯拉Cybertruck</td>
|
||
<td class="py-3 px-4">轻量化材料供应</td>
|
||
<td class="py-3 px-4">原材料供应商</td>
|
||
<td class="py-3 px-4">为Cybertruck皮卡车供应镁合金方向盘和后座扶手架</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800 hover:bg-opacity-30">
|
||
<td class="py-3 px-4 font-semibold">威唐工业</td>
|
||
<td class="py-3 px-4">特斯拉Cybertruck</td>
|
||
<td class="py-3 px-4">冲压零部件制造</td>
|
||
<td class="py-3 px-4">一级供应商</td>
|
||
<td class="py-3 px-4">特斯拉是公司冲压零部件主要客户，奥斯汀工厂投产后积极拓展北美主机厂及零部件一级供应商业务</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800 hover:bg-opacity-30">
|
||
<td class="py-3 px-4 font-semibold">拓普集团</td>
|
||
<td class="py-3 px-4">特斯拉Cybertruck</td>
|
||
<td class="py-3 px-4">汽车轻量化</td>
|
||
<td class="py-3 px-4">研报提及企业</td>
|
||
<td class="py-3 px-4">供应减震件、底盘轻量化、内饰板等产品</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800 hover:bg-opacity-30">
|
||
<td class="py-3 px-4 font-semibold">嵘泰股份</td>
|
||
<td class="py-3 px-4">特斯拉Cybertruck</td>
|
||
<td class="py-3 px-4">精密制造</td>
|
||
<td class="py-3 px-4">战略合作方</td>
|
||
<td class="py-3 px-4">与特斯拉在多领域保持交流与合作，签署保密协议</td>
|
||
</tr>
|
||
<tr class="border-b border-gray-800 hover:bg-gray-800 hover:bg-opacity-30">
|
||
<td class="py-3 px-4 font-semibold">甬金股份</td>
|
||
<td class="py-3 px-4">特斯拉Cybertruck</td>
|
||
<td class="py-3 px-4">金属材料供应</td>
|
||
<td class="py-3 px-4">潜在供应商</td>
|
||
<td class="py-3 px-4">可提供所需产品，但受上游原材料限制暂无直接供应</td>
|
||
</tr>
|
||
<tr class="hover:bg-gray-800 hover:bg-opacity-30">
|
||
<td class="py-3 px-4 font-semibold">旭升集团</td>
|
||
<td class="py-3 px-4">特斯拉Cybertruck</td>
|
||
<td class="py-3 px-4">三电系统配套</td>
|
||
<td class="py-3 px-4">研报提及企业</td>
|
||
<td class="py-3 px-4">供应三电壳体等产品</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 风险分析 -->
|
||
<div class="card-bg rounded-2xl p-6 mb-8 shadow-xl">
|
||
<h2 class="text-2xl font-bold mb-6 text-red-400">潜在风险与挑战</h2>
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||
<div class="bg-gray-800 bg-opacity-50 p-4 rounded-lg border-l-4 border-red-500">
|
||
<h3 class="font-bold text-lg mb-2 text-orange-400">技术风险</h3>
|
||
<p>不锈钢焊接良率仅80%（目标90%+）</p>
|
||
<p class="text-sm text-gray-400 mt-1">德州工厂停产3天（2024年12月）</p>
|
||
</div>
|
||
<div class="bg-gray-800 bg-opacity-50 p-4 rounded-lg border-l-4 border-red-500">
|
||
<h3 class="font-bold text-lg mb-2 text-orange-400">商业化风险</h3>
|
||
<p>美国电动皮卡渗透率仅<strong class="text-red-400">1.6%</strong>（2024）</p>
|
||
<p class="text-sm text-gray-400 mt-1">福特F-150 Lightning降价20%竞争</p>
|
||
</div>
|
||
<div class="bg-gray-800 bg-opacity-50 p-4 rounded-lg border-l-4 border-red-500">
|
||
<h3 class="font-bold text-lg mb-2 text-orange-400">政策风险</h3>
|
||
<p>中国皮卡限行政策未松动</p>
|
||
<p class="text-sm text-gray-400 mt-1">北京/上海仍限制皮卡进入五环/外环</p>
|
||
</div>
|
||
<div class="bg-gray-800 bg-opacity-50 p-4 rounded-lg border-l-4 border-red-500">
|
||
<h3 class="font-bold text-lg mb-2 text-orange-400">信息矛盾</h3>
|
||
<p>路演称"2025年销量25万" vs 实际减产</p>
|
||
<p class="text-sm text-gray-400 mt-1">2025年1月库存折扣<strong class="text-red-400">2630美元</strong></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 综合结论 -->
|
||
<div class="card-bg rounded-2xl p-6 mb-8 shadow-xl">
|
||
<h2 class="text-2xl font-bold mb-6 text-red-400">综合结论与投资启示</h2>
|
||
<div class="space-y-6">
|
||
<div class="highlight-box p-5 rounded-lg">
|
||
<h3 class="font-bold text-xl mb-3 text-orange-400">阶段判断</h3>
|
||
<p>Cybertruck处于<strong class="text-red-400">"技术验证期"向"商业化拐点"过渡</strong>，短期受需求疲软压制，长期看<strong class="text-red-400">2025年低成本版本</strong>或打开大众市场。</p>
|
||
</div>
|
||
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||
<div class="bg-gradient-to-br from-gray-800 to-gray-900 p-5 rounded-xl">
|
||
<h3 class="font-bold text-lg mb-3 text-orange-400">投资方向</h3>
|
||
<ul class="space-y-2">
|
||
<li class="flex items-start">
|
||
<span class="text-red-400 mr-2">•</span>
|
||
<div>
|
||
<strong class="text-white">4680电池链</strong>
|
||
<p class="text-sm text-gray-300">容百科技（高镍正极）、东方电热（预镀镍钢壳）——技术壁垒最高</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<span class="text-red-400 mr-2">•</span>
|
||
<div>
|
||
<strong class="text-white">北美配套</strong>
|
||
<p class="text-sm text-gray-300">威唐工业（冲压件）、拓普集团（线控转向）——受益于本土化采购</p>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="bg-gradient-to-br from-gray-800 to-gray-900 p-5 rounded-xl">
|
||
<h3 class="font-bold text-lg mb-3 text-orange-400">跟踪指标</h3>
|
||
<ul class="space-y-2">
|
||
<li class="flex items-start">
|
||
<span class="text-red-400 mr-2">•</span>
|
||
<div>
|
||
<strong class="text-white">德州工厂周产量</strong>
|
||
<p class="text-sm text-gray-300">突破2000台/周（当前1300台）</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<span class="text-red-400 mr-2">•</span>
|
||
<div>
|
||
<strong class="text-white">中国政策</strong>
|
||
<p class="text-sm text-gray-300">皮卡进城试点城市扩容（如成都/重庆）</p>
|
||
</div>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<span class="text-red-400 mr-2">•</span>
|
||
<div>
|
||
<strong class="text-white">成本曲线</strong>
|
||
<p class="text-sm text-gray-300">4680电池成本降至<strong class="text-red-400">0.35元/Wh</strong>（当前0.45元）</p>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bg-gradient-to-r from-red-900 to-orange-900 p-5 rounded-xl text-center">
|
||
<p class="text-lg font-bold">Cybertruck的颠覆性需等待"成本下降+政策松绑"双轮驱动，当前布局应聚焦<strong class="text-yellow-300">技术壁垒高+北美产能足</strong>的细分龙头。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
// 初始化粒子背景
|
||
tsParticles.load("tsparticles", {
|
||
fpsLimit: 60,
|
||
particles: {
|
||
color: {
|
||
value: "#e53e3e",
|
||
},
|
||
links: {
|
||
color: "#e53e3e",
|
||
distance: 150,
|
||
enable: true,
|
||
opacity: 0.3,
|
||
width: 1,
|
||
},
|
||
move: {
|
||
direction: "none",
|
||
enable: true,
|
||
outModes: {
|
||
default: "bounce",
|
||
},
|
||
random: true,
|
||
speed: 1,
|
||
straight: false,
|
||
},
|
||
number: {
|
||
density: {
|
||
enable: true,
|
||
area: 800,
|
||
},
|
||
value: 50,
|
||
},
|
||
opacity: {
|
||
value: 0.3,
|
||
},
|
||
shape: {
|
||
type: "circle",
|
||
},
|
||
size: {
|
||
value: { min: 1, max: 3 },
|
||
},
|
||
},
|
||
detectRetina: true,
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|
||
``` |