css实现邮票边框折角照片墙效果代码

代码语言:html

所属分类:画廊相册

代码描述:css实现邮票边框折角照片墙效果代码

代码标签: 边框 折角 照片 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
<style>
    *{
	padding:0px;
	margin:0px;
}
body{
	background:#f5f5f5; 
	
}
h1{
	color:#2F3238;
	text-align:center;
}
.content_photo{
	margin:60px auto;
	position:relative;
	width:1000px;
	
}
img{
	position:absolute;
	padding:10px;
	background:#fff;
	border: none;
	border-radius:6px;
	width:240px;
	height:160px;
	
	/*position:absolute;*/
	-webkit-transition:1s;
	z-index:1;
	background: radial-gradient( transparent 0px, transparent 4px, white 4px, white );
	background-size: 20px 20px;
	background-position: -10px -10px;
.........完整代码请登录后点击上方下载按钮下载查看

网友评论0