css布局实现星之卡比形象效果代码-html代码-BFW代码库

css布局实现星之卡比形象效果代码

代码语言：html

代码描述：css布局实现星之卡比形象效果代码

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


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

<head>

  <meta charset="UTF-8">

  
  
  
<style>
body {
    background-color: rgb(251, 255, 235);
    display: flex;
    justify-content: center; 
    margin: 0 auto;
    width: 50vw;
}

:root {
    --body-color: #FCC5DA;
    --body-shadow-color: #F98B99;
    --right-hand-color: #ffb1c6;
    --cheek-color: #F988BE;
    --mouth-one-color: #7B2123;
    --mouth-two-color: #F6605C;
    --foot-color: #E7547D;
    --foot-front-dark-color: #DE505F;
    --foot-front-light-color: #EE6F7A;
    --blue-color: #326BF7;
    --white-color: #fff;
    --black-color: #000;
}

.my-kirby {
    position: relative;
    top: 20vh;
}

.head {
    width: 400px;
    height: 370px;
    top: 100px;
    background-color: var(--body-color);
    border-radius: 100%;
    box-shadow: inset 10px -35px 60px 0 v.........完整代码请登录后点击上方下载按钮下载查看