CSS box-shadow

上一页 下一页

示例中展现不同的box-shadow属性值.

选择不同的值查看对应结果:

box-shadow: 10px 10px grey;
box-shadow: 50px 50px grey;
box-shadow: 20px 20px 10px grey;
box-shadow: 20px 20px 50px grey;
box-shadow: 20px 20px 50px 15px grey;
box-shadow: 20px 20px 20px 10px red;
box-shadow: 20px 20px 20px 10px blue;
box-shadow: 20px 20px 50px 10px pink inset;
box-shadow: none;
See what different box-shadow values does for an element.
See what different box-shadow values does for an element.
See what different box-shadow values does for an element.
See what different box-shadow values does for an element.
See what different box-shadow values does for an element.
See what different box-shadow values does for an element.
See what different box-shadow values does for an element.
See what different box-shadow values does for an element.
See what different box-shadow values does for an element.

要使用更多方法,请在编辑器中试一下: 亲自试一试 ❯