Css 移除长方体的角并添加阴影
我想创建一个长方体 我想移除盒子右下方的一部分。 我需要在移除的部分放置一个方框阴影,如青色部分: *我不要圆角。试试看。但是就像那些家伙说的,先自己试试,然后自己做点什么,然后再让我们做Css 移除长方体的角并添加阴影,css,user-interface,box-shadow,Css,User Interface,Box Shadow,我想创建一个长方体 我想移除盒子右下方的一部分。 我需要在移除的部分放置一个方框阴影,如青色部分: *我不要圆角。试试看。但是就像那些家伙说的,先自己试试,然后自己做点什么,然后再让我们做 .box{ position:relative; width:300px; height:300px; background: #2B5891; } .box:before { content: ''; position: absolute; bottom: 0;
.box{
position:relative;
width:300px;
height:300px;
background: #2B5891;
}
.box:before {
content: '';
position: absolute;
bottom: 0; right: 0;
border-bottom: 80px solid rgba(255, 255, 255, 0.94);
-webkit-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.75);
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
border-left: 80px solid #2B5891;
width: 0;
}
.shadow{
position: absolute;
width: 100px;
height: 110px;
background: #2B5891;
bottom: 20px;
right: 25px;
-ms-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
transform: rotate(45deg);
box-shadow: 10px 0px 9px -6px rgba(0,0,0,0.5);
}
希望您至少尝试自己编写此代码。堆栈溢出不是代码编写服务。我建议你做一些额外的研究,要么通过谷歌,要么通过搜索,尝试一下。如果您仍然有问题,请返回您的代码并解释您尝试了什么以及为什么它不起作用。我的问题是如何“删除方框的一角并添加阴影?”我认为其他人可以使用他们的答案。是的,我们明白了……在要求我们这样做之前,您至少应该自己做一些事情。请参阅