div+css布局实现2个襁褓中的婴儿效果代码

代码语言:html

所属分类:布局界面

代码描述:div+css布局实现2个襁褓中的婴儿效果代码

代码标签: css 布局 襁褓 婴儿

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">






    <style>
        body{
        	background:rgb(255,222,129);
        }
        img{
        	position:absolute;
        	top:50%;
        	left:50%;
        	transform:translate(-50%,-50%);
        	height:500px;
        }
        .container, .container2{
        	position:absolute;
        	top:50%;
        	left:calc(50% - 110px);
        	transform:translate(-50%,-50%);
        	height:300px;
        	width:300px;
        /* 	border:2px solid blue; */
        }
        .container2{
        	left:calc(50% + 110px);
        }
        .swaddle {
        	position:absolute;
        	top:5.........完整代码请登录后点击上方下载按钮下载查看

网友评论0