照片添加白边的显示效果

Posted -217

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了照片添加白边的显示效果相关的知识,希望对你有一定的参考价值。

原图:

技术图片

 

 加工后:

技术图片

 

 大致的效果可以出现

border:10px solid white;

background: black;

transform: rotate(45deg);

原理:设置白色边框和黑色背景

但是不知道为什么,图片正常情况下(不设置旋转)背景效果失效,在设置了旋转(transform:rotate())后效果出来了

若果哪位大神知道原因请不吝指教

 

以上是关于照片添加白边的显示效果的主要内容,如果未能解决你的问题,请参考以下文章

CSS网页制作网页图片字周围的白边怎么弄啊?

为照片添加多种效果

创建vue项目,页面四周白边问题,20px页边距

Python实战——为人脸照片添加口罩

从按钮添加照片库中的图像并在按钮上显示照片

div里面插入flash出现白边怎么解决