style(editor): blur uploading placeholder image, keep overlay text sharp
上传中占位符图片加高斯模糊,遮罩文字保持清晰。 - .is-uploading img 加 filter: blur(8px) - container.is-uploading 加 overflow: hidden 防止 blur 边缘渗出 - overlay 文字(spinner/"上传中…")不受影响:overlay 是 img 的兄弟元素 而非后代,CSS filter 只作用于目标元素本身,不波及兄弟
This commit is contained in:
parent
75adaa2e1f
commit
6e04940edc
@ -389,6 +389,13 @@
|
||||
opacity: 0.5;
|
||||
filter: grayscale(0.5);
|
||||
}
|
||||
/* 上传中:图片高斯模糊,遮罩文字(spinner/"上传中…")在独立 overlay 层不受影响 */
|
||||
.upload-image-container.is-uploading {
|
||||
overflow: hidden;
|
||||
}
|
||||
.upload-image-container.is-uploading img {
|
||||
filter: blur(8px);
|
||||
}
|
||||
.upload-image-overlay {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user