Template:氛围图片/style.css:修订间差异
模板页面
更多操作
删除的内容 添加的内容
小 优化阴影效果 |
小 // Edit via InPageEdit |
||
| 第51行: | 第51行: | ||
overflow: hidden; |
overflow: hidden; |
||
} |
} |
||
/* [[分类:在模板命名空间下的CSS页面]] */ |
|||
2025年10月1日 (三) 19:09的最新版本
.ambient-image {
display: flex;
flex-direction: column;
align-items: center;
}
.ambient-image_caption {
color: #666;
margin-bottom: 4px;
font-size: 12px;
line-height: 18px;
text-align: center;
}
.ambient-image_relative {
position: relative;
z-index: 0;
}
.ambient-image_relative span, .ambient-image_relative img {
display: block;
}
.ambient-image_shadow {
position: absolute;
inset: 4px 0 -4px;
filter: saturate(1.5) blur(12px);
opacity: .6;
-webkit-user-select: none;
user-select: none;
}
.ambient-image_shadow > div, .ambient-image_shadow span, .ambient-image_shadow img {
width: 100%;
height: 100%;
}
.ambient-image_shadow > :first-child {
position: absolute;
filter: contrast(0.8) saturate(1.25);
}
.ambient-image_shadow > :last-child {
position: absolute;
mix-blend-mode: darken;
}
.ambient-image_image {
position: relative;
border-radius: 4px;
overflow: hidden;
}
/* [[分类:在模板命名空间下的CSS页面]] */