css绘制一个小企鹅在雪地的效果代码-html代码-BFW代码库

css绘制一个小企鹅在雪地的效果代码

代码语言：html

所属分类：动画

代码描述：css绘制一个小企鹅在雪地的效果代码

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

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

<head>

  <meta charset="UTF-8">
  

  
  
<style>
.box {
	position: relative;
	margin: auto;
	display: block;
	margin-top: 8%;
	width: 600px;
	height: 420px;
	background: none;
	background: linear-gradient(to bottom, #33ccff 0%, #ffffff 100%);
	border: ;
}

.body {
	background: ;
	height: 100%;
}

.head {
	background-color: black;
	width: 270px;
	height: 300px;
	top: 16.5%;
	left: 35%;
	display: inline-block;
	position: absolute;
	border-radius: 60% 55% 30% 30%;
}

.head2 {
	background-color: white;
	width: 230px;
	height: 260px;
	top: 9%;
	left: 8%;
	display: inline-block;
	position: absolute;
	border-radius: 55% 55% 30% 30%;
}

.arm-left {
	width: 50px;
	height: 100px;
	background-color: #000;
	position: absolute;
	top: 45%;
	right: 95%;
	animation-name: arms;
	animation-duration: 4s;
	border-radius: 1990% 100% 1700% 100%;
	-webkit-animation: action 1s infinite alternate;
	animation: action 1s infinite alternate;
}

.arm-right {
	width: 50px;
	height: 100px;
	backg.........完整代码请登录后点击上方下载按钮下载查看