PhotoShow
PhotoShow copied to clipboard
增加一种新的弹出样式
我写了一种弹出窗体的样式,增加了圆角之类的,感觉非常好看! 希望可以加到官方选项里面。 这样写的阴影效果可以在黑色和白色的背景都能清晰看到
#photoShowViewer{
border-radius: 10px;
margin: 3px;
border: 1px solid black;
}
.photoshow-viewer-shadow{
display: none;
}
.photoshow-img-wrapper{
border-radius: 10px;
box-shadow: 0 0 20px #fff6, 0 0 20px #82828278, 0 0 20px #150202;
}
Thanks mate, that's stunning!👍
浮图秀目前的样式风格偏向轻量低干扰,当然,这不可能符合所有人的口味。我会考虑你的建议,为浮图秀添加样式相关的配置项。但鉴于此与浮图浮的主要功能相关性不高,故将会以比较低的优先级处理。浮图秀目前还有若干高优任务在队列中累积待开发😂,望理解。
BTW,如果你想干掉缩略图和大图之间的“投影”,目前在浮图秀的配置中就可以实现。请关注“阴影显示”设置项。
还有一个想法,就是在浮起图片的时候让原图变得暗淡(比如灰色滤镜 提高透明度之类的)然后就会让目光更自然的集中在弹出的图片上!
浮图秀旨在提供轻量快捷、即用即走的看图体验,因而基本的 UI/UE 设计原则是尽可能地不干扰页面原生内容及交互。
浮图秀不会强行假设用户的关注点,目前仅在需要指示加载状态(允许并闭)及图片可见区域(长图或全景模式下)时,会在原图上暂时附加样式。
依然非常感谢分享你的想法,这很具启发性。