A1300399510/PC-official
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

style: 为图片元素添加圆角边框样式

Browse Source 
在index.css和index.less中为.content .custom .list .item .info-img添加border-radius属性，使图片显示圆角效果，提升视觉美观度
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-09-25 16:18:57 +08:00
parent c124ea1a29
commit 08053e2211
2 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
static/css/index.css
View File

@@ -676,6 +676,7 @@
height: 240px; height: 240px;
filter: drop-shadow(5px 5px 2.5px rgba(0, 0, 0, 0.35)); filter: drop-shadow(5px 5px 2.5px rgba(0, 0, 0, 0.35));
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
border-radius: 10px;
} }
.content .custom .list .item .info-img:hover { .content .custom .list .item .info-img:hover {
transform: scale(1.05); transform: scale(1.05);

1
static/css/index.less
View File

@@ -788,6 +788,7 @@
height: 240px; height: 240px;
filter: drop-shadow(5px 5px 2.5px rgba(0, 0, 0, 0.35)); filter: drop-shadow(5px 5px 2.5px rgba(0, 0, 0, 0.35));
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
border-radius: 10px;
&:hover { &:hover {
transform: scale(1.05); transform: scale(1.05);