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.........完整代码请登录后点击上方下载按钮下载查看