css 片面的阴影

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 片面的阴影相关的知识,希望对你有一定的参考价值。

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
// alert('Hello world!');
<div></div>
/**
 * One-sided shadow
 */

div {
	width: 1.6in;
	height: 1in;
	background: #fb3;
	box-shadow: 5px 0 5px -5px black,
	           -5px 0 5px -5px black;
}

以上是关于css 片面的阴影的主要内容,如果未能解决你的问题,请参考以下文章

css 片面的阴影

用 CSS 设计漂亮的阴影,css阴影和原理,所有知识点多图动画演示

css3是不是可以对元素单边加阴影

css3如何实现边框阴影

css怎么给4个边框添加阴影

css CSS动画阴影文本 - 背景作为阴影