新增CSS动画效果和交互样式优化

This commit is contained in:
2025-09-12 20:26:41 +08:00
parent a85cc9b25a
commit 315ee57972
3 changed files with 16 additions and 16 deletions

View File

@@ -112,7 +112,7 @@
</div>
</div>
<div class="col-lg-6">
<img src="images/about-banner.jpg" alt="关于我们" class="img-fluid rounded shadow" loading="lazy">
<img src="images/about-banner.jpg" alt="关于我们" class="img-fluid rounded shadow img-hover-zoom" loading="lazy">
</div>
</div>
</div>
@@ -250,7 +250,7 @@
<div class="row g-4">
<div class="col-md-6 col-lg-3">
<div class="card text-center h-100 border-0 shadow-sm">
<img src="images/team1.jpg" class="card-img-top rounded-circle mx-auto mt-4" alt="CEO" style="width: 150px; height: 150px; object-fit: cover;">
<img src="images/team1.jpg" class="card-img-top rounded-circle mx-auto mt-4 img-hover-zoom" alt="CEO" style="width: 150px; height: 150px; object-fit: cover;">
<div class="card-body">
<h5 class="card-title">张伟</h5>
<p class="text-primary">创始人兼CEO</p>
@@ -265,7 +265,7 @@
<div class="col-md-6 col-lg-3">
<div class="card text-center h-100 border-0 shadow-sm">
<img src="images/team2.jpg" class="card-img-top rounded-circle mx-auto mt-4" alt="CTO" style="width: 150px; height: 150px; object-fit: cover;">
<img src="images/team2.jpg" class="card-img-top rounded-circle mx-auto mt-4 img-hover-zoom" alt="CTO" style="width: 150px; height: 150px; object-fit: cover;">
<div class="card-body">
<h5 class="card-title">李明</h5>
<p class="text-primary">联合创始人兼CTO</p>
@@ -280,7 +280,7 @@
<div class="col-md-6 col-lg-3">
<div class="card text-center h-100 border-0 shadow-sm">
<img src="images/team3.jpg" class="card-img-top rounded-circle mx-auto mt-4" alt="产品经理" style="width: 150px; height: 150px; object-fit: cover;">
<img src="images/team3.jpg" class="card-img-top rounded-circle mx-auto mt-4 img-hover-zoom" alt="产品经理" style="width: 150px; height: 150px; object-fit: cover;">
<div class="card-body">
<h5 class="card-title">王芳</h5>
<p class="text-primary">产品总监</p>
@@ -295,7 +295,7 @@
<div class="col-md-6 col-lg-3">
<div class="card text-center h-100 border-0 shadow-sm">
<img src="images/team4.jpg" class="card-img-top rounded-circle mx-auto mt-4" alt="客户成功总监" style="width: 150px; height: 150px; object-fit: cover;">
<img src="images/team4.jpg" class="card-img-top rounded-circle mx-auto mt-4 img-hover-zoom" alt="客户成功总监" style="width: 150px; height: 150px; object-fit: cover;">
<div class="card-body">
<h5 class="card-title">刘强</h5>
<p class="text-primary">客户成功总监</p>