html+css：折扇效果

 

body中

<div class="box">
    <div>作赋凌相如</div>
    <div>十五观奇书</div>
    <div>深藏身与名</div>
    <div>事了拂衣去</div>
    <div>千里不留行</div>
    <div>我本楚狂人</div>
    <div>凤歌笑孔丘</div>
    <div>仰天大笑出门去</div>
    <div>我辈岂是蓬蒿人</div>
    <div>兴酣落笔摇五岳</div>
    <div>诗成笑傲凌沧洲</div>
    <div>天生我才必有用</div>
    <div>仰天大笑出门去</div>
</div>

 

css样式：

* {
	margin:0;
	padding:0;
}
.box {
	width:600px;
	height:300px;
	border-bottom:3px solid;
	margin:100px auto;
	position:relative;
}
.box div {
	width:50px;
	height:210px;
	background-color:#9D2933;
	position:absolute;
	left:270px;
	top:50px;
	box-shadow:3px 3px 5px #333;
	border-radius:0px 0px 90px 90px;
	tran