css实现熊猫看着蝴蝶飞舞动画效果代码

代码语言:html

所属分类:动画

代码描述:css实现熊猫看着蝴蝶飞舞动画效果代码

代码标签: css 熊猫 蝴蝶 飞舞 动画

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

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <style>
        html,body {
    	margin:0;
    	padding:0;
    	font-size:20px;
    }
    @media (min-width:420px) and (min-height:350px) {
    	html,body {
    	font-size:30px;
    }
    }@media (min-width:620px) and (min-height:450px) {
    	html,body {
    	font-size:40px;
    }
    }@media (min-width:768px) and (min-height:530px) {
    	html,body {
    	font-size:50px;
    }
    }body {
    	width:100vw;
    	height:100vh;
    	background:url("//repo.bfw.wiki/bfwrepo/image/61bb2407955ad.png") center/cover no-repeat rgba(183,167,143,0.89);
   
    	display:grid;
    	justify-content:center;
    	align-content:center;
    }
    .container {
    	width:9rem;
    	height:10rem;
    	position:relative;
    	display:grid;
    	justify-content:center;
    	align-content:end;
    }
    .disclaimer {
    	position:absolute;
    	padding:0.2rem;
    	bottom:0;
    	right:0;
    	font-size:14px;
    	font-family:monospace;
    	color:#efefef;
    	opacity:0.5;
    }
    .disclaimer.........完整代码请登录后点击上方下载按钮下载查看

网友评论0