buyfakett/kazoottt-blog-v2
1
0
Fork 0
mirror of https://github.com/KazooTTT/kazoottt-blog-v2.git synced 2025-06-21 17:51:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: 优化文章图片加载样式

Browse Source
This commit is contained in:
KazooTTT
2025-03-20 14:13:16 +08:00
parent 535082b945
commit 207d923ee7
1 changed files with 0 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/ArticleContainer.astro
View File

@ -61,19 +61,16 @@ const { className = "", dataPagefindBody = true } = Astro.props;
/* 修改图片相关样式 */ /* 修改图片相关样式 */
:global(article img) { :global(article img) {
opacity: 0;
position: relative; position: relative;
background-color: #f0f0f0; background-color: #f0f0f0;
transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
} }
:global(article img.loading) { :global(article img.loading) {
opacity: 1;
filter: blur(10px); filter: blur(10px);
} }
:global(article img.loaded) { :global(article img.loaded) {
opacity: 1;
filter: blur(0); filter: blur(0);
} }
</style> </style>