本文主要是介绍css做纸张重叠,css 实现的纸张卷曲效果，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
####html
标题标题
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio exercitationem odit aperiam totam alias, nemo veniam magni asperiores repudiandae commodi dignissimos incidunt est enim soluta reiciendis corporis aliquid quae sit.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim quidem perferendis nesciunt ea temporibus tempore molestias, sunt non recusandae maiores nostrum necessitatibus voluptas dignissimos earum quisquam blanditiis cum iusto asperiores!
####css
*{margin:0;box-sizing:border-box;}
body{
padding:50px 0;
background: #eee;
font-family: Arial, Helvetica, sans-serif;
line-height: 20px;
}
.page-wrap,.page-inner{
margin:0 auto;
width:600px;
padding:50px 0 0 60px;
background:#fff;
/* border-radius: 20px; */
text-align: justify;
}
.page-inner{
padding:0 60px 40px 0;
}
.page-wrap{
position: relative;
/* 高斯模糊，过滤器 */
filter:drop-shadow(0px 0px 15px #bbb);
}
.page-wrap:before{
content:'';
display: block;
position: absolute;
right:-60px;
top:0;
width:60px;
height:50px;
background: linear-gradient(42deg,#ddd 30%,rgba(0,0,0,0) 40%)
}
h1{
margin-bottom: 20px;text-align:center;
}
p{
text-indent: 2em;margin-bottom: 5px;
}
####效果图
这篇关于css做纸张重叠,css 实现的纸张卷曲效果的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
