CSS3两角卷起效果_html-js-css

概述CSS3两角卷起效果

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家，也给大家做个参考。

<style>body { 	height:120%;　　scrollbar-face-color:#C0C0C0;  　　　　scrollbar-highlight-color:#FFFFFF;　　scrollbar-3dlight-color:#C0C0C0;　　scrollbar-darkshadow-color:#000000; 　　scrollbar-Shadow-color:#808080; 　　scrollbar-arrow-color:#000000; 　　scrollbar-track-color:#E0E0E0;}	.curved_Box {    display: inline-block;    *display: inline;    wIDth: 200px;    height: 248px;    margin: 20px;    background-color: #fff;    border: 1px solID #eee;    -webkit-Box-shadow: 0 1px 4px rgba(0,0.27),0 0 60px rgba(0,0.06) inset;    -moz-Box-shadow: 0 1px 4px rgba(0,0 0 40px rgba(0,0.06) inset;    Box-shadow: 0 1px 4px rgba(0,0.06) inset;    position: relative;    *zoom: 1;}.curved_Box:before {    -webkit-transform: skew(-15deg) rotate(-6deg);    -moz-transform: skew(-15deg) rotate(-6deg);    transform: skew(-15deg) rotate(-6deg);    left: 15px;}.curved_Box:after {    -webkit-transform: skew(15deg) rotate(6deg);    -moz-transform: skew(15deg) rotate(6deg);    transform: skew(15deg) rotate(6deg);    right: 15px;}.curved_Box:before,.curved_Box:after {    wIDth: 75%;    height:50%;    content: ' ';    -webkit-Box-shadow: 0 8px 16px rgba(0,0.3);    -moz-Box-shadow: 0 8px 16px rgba(0,0.3);    Box-shadow: 0 8px 16px rgba(0,0.3);    position: absolute;    bottom: 10px;    z-index: -1;}</style><body><div ></div></body>@H_301_5@																		以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。
 如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
          总结       以上是内存溢出为你收集整理的CSS3两角卷起效果全部内容，希望文章能够帮你解决CSS3两角卷起效果所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。					
										


					
						欢迎分享，转载请注明来源：内存溢出
原文地址: http://outofmemory.cn/web/1096989.html

CSS3两角卷起效果

发表评论

评论列表（0条）