css实现大眼睛可爱小老虎卖萌动画效果代码-html代码-BFW代码库

css实现大眼睛可爱小老虎卖萌动画效果代码

代码语言：html

所属分类：动画

代码描述：css实现大眼睛可爱小老虎卖萌动画效果代码

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

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

<head>
    <meta charset="UTF-8">
<style>
    body {
	background:black;
}
.container {
	position:relative;
	width:800px;
	height:600px;
	background:#214760;
	margin:0px auto;
}
.tigre {
	position:absolute;
	margin:271px 350px
}
.face {
	position:absolute;
	width:251px;
	height:172px;
	border-radius:90px;
	background:#D8D3D6;
	margin:-90px -90px;
}
.face::before {
	content:"";
	position:absolute;
	width:152px;
	height:152px;
	border-radius:700px 700px 5000px 700px;
	background:#D8D3D6;
	-webkit-transform:rotate(225deg);
	transform:rotate(225deg);
	margin:30px 55px
}
.face3 {
	position:absolute;
	width:231px;
	height:182px;
	border-radius:50%  50%  50%  50%  / 60%   60%   40%  40%;
	background:#f47b5d;
	margin:-102px -80px;
}
.face3::before {
	content:"";
	position:absolute;
	width:90px;
	height:90px;
	border-radius:700px 700px 5000px 700px;
	background:#f47b5d;
	-webkit-transform:rotate(225deg);
	transform:rotate(225deg);
	margin:95px 73px
}
.face5 {
	position:absolute;
	width:152px;
	height:132px;
	border-radius:100%;
	background:#eda65e;
	margin:40px 40px;
}
.orejas,.orejas3 {
	position:absolute;
	width:60px;
	height:65px;
	border-radius:100%;
	background:#969495;
	border:12px .........完整代码请登录后点击上方下载按钮下载查看