feat: 添加悬停动画效果并优化音频播放逻辑
为多个元素添加悬停动画效果,提升用户体验 重构音频播放逻辑,增加judgmentPlayUrl方法统一处理播放 更新HTML元数据,优化SEO和移动端适配 修改部分文案内容
This commit is contained in:
@@ -470,7 +470,6 @@
|
||||
height: 100%;
|
||||
border-radius: 10px;
|
||||
transition: all 0.3s ease-in-out;
|
||||
|
||||
}
|
||||
|
||||
.play {
|
||||
@@ -614,6 +613,11 @@
|
||||
}
|
||||
|
||||
.operate {
|
||||
transition: all 0.3s ease-in-out;
|
||||
|
||||
> img:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
.speed {
|
||||
width: 16px;
|
||||
height: 12px;
|
||||
@@ -748,6 +752,12 @@
|
||||
}
|
||||
|
||||
.operate {
|
||||
transition: all 0.3s ease-in-out;
|
||||
|
||||
> img:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.speed {
|
||||
width: 16px;
|
||||
height: 12px;
|
||||
@@ -767,6 +777,11 @@
|
||||
width: 240px;
|
||||
height: 240px;
|
||||
filter: drop-shadow(5px 5px 2.5px rgba(0, 0, 0, 0.35));
|
||||
transition: all 0.3s ease-in-out;
|
||||
|
||||
&:hover {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -815,6 +830,10 @@
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease-in-out;
|
||||
|
||||
&:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
&.img5 {
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
@@ -922,6 +941,10 @@
|
||||
}
|
||||
|
||||
.operate {
|
||||
transition: all 0.3s ease-in-out;
|
||||
> img:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
.cut {
|
||||
width: 14px;
|
||||
height: 12px;
|
||||
|
||||
Reference in New Issue
Block a user