我附加了一个图像,并想知道是否有人知道如何使用CSS和
HTML制作按钮?我试过边框和阴影,但不能正确的角落.
我需要它们是各种颜色(在不同的背景上),这就是我要问的原因.我不介意做不同的颜色或只是使用RGBA值.按钮总是比背景稍暗.
谢谢你的时间!
解决方法
实现这一目标的简单方法是应用多个框阴影:
a{ background: #ccc; display: block; box-shadow: #000 1px 1px 0,#000 2px 2px 0,#000 3px 3px 0,#000 4px 4px 0,#000 5px 5px 0,#000 6px 6px 0,#000 7px 7px 0,#000 8px 8px 0; }
另一种方法,使用伪元素的偏斜:
a{ background: #ccc; display: block; position: relative; } b::before,b::after{ content: ''; position: absolute; top: 5px; /* half of the shadow width */ right: -10px; /* negative shadow width */ width: 10px; height: 100%; background: #000; transform: skewY(45deg); } b::after{ height: 10px; width: 100%; bottom: -10px; /* negative shadow height */ left: 5px; /* half of the shadow height */ top: auto; right: auto; transform: skewX(45deg); }