照片添加白边的显示效果

原图：

 加工后：

 大致的效果可以出现

border:10px solid white;

background: black;

transform: rotate(45deg);

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

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

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