今天发现设计稿一个bug
啊.png
如果说图片是一张背景偏白色的，那么这两个按钮就没法看得清楚，比如下图。
no title (1).png
所以考虑是不是对图片或者整个card加一层上方的内阴影，使得按钮能够清晰的显示出来。
代码如下：
div上的
.image {
&:before {
content:"";
position:absolute;
width:100%;
height:100%;
box-shadow:0 45px 10px 0px rgba(76,17,17,.1) inset;
}
}
效果图如下：
no title (2).png
box-shadow参考资料： box-shadow总结(梁王的理论自习室)
今天发现设计稿一个bug 如果说图片是一张背景偏白色的，那么这两个按钮就没法看得清楚，比如下图。 所以考虑是不是对...
CSS3 设置盒子三边内阴影、双边内阴影、单边内阴影
box-shadow 效果大全（内阴影，外阴影，三边阴影，双边阴影，单边阴影，细线描边…）CSS3 box-sha...
flutter 添加阴影 单边的话 需要注意 offset = blurRadius + spreadRadius...
设置单边的阴影
UIView添加四边阴影效果 UIView添加单边阴影效果
CALayer *layer = [imageView layer];layer.shadowOffset = C...
前言 最近在做一个类chatroom的模块，前端用的vue+vue-socket.io，chat服务器用nodej...
(转自https://blog.csdn.net/qq_34636440/article/details/8055...
单边阴影-box-shadow垂直居中清除浮动：https://segmentfault.com/q/101000...
本文标题：单边内阴影（梁王的开发笔记）
本文链接：https://www.haomeiwen.com/subject/zikaxxtx.html
网友评论