css布局实现一个长了腿的可爱卡通汉堡面包代码-html代码-BFW代码库

css布局实现一个长了腿的可爱卡通汉堡面包代码

代码语言：html

代码描述：css布局实现一个长了腿的可爱卡通汉堡面包代码

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">



    <style>
        .burger {
          --bread: #ea7;
          --cheese: gold;
          font-size: 0.5vmin;
          width: 80em;
          height: 80em;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          background: 
            /* face */
            radial-gradient(circle at 54.5% 39.25%, #fff 0.35em, #0000 0),
            radial-gradient(circle at 62.5% 39.25%, #fff 0.35em, #0000 0),
            radial-gradient(circle at 55% 40%, #000 1.25em, #0000 0),
            radial-gradient(circle at 63% 40%, #000 1.25em, #0000 0),
            radial-gradient(100% 50% at 53% 41.5%, #f003 2.5%, #0000 0),
            radial-gradient(100% 50% at 65% 41.5%, #f003 2.5%, #0000 0),
            radial-gradient(farthest-side at 50% 0, #0000 70%, #000 0 99.9%, #0000 0) 59.5% 42.........完整代码请登录后点击上方下载按钮下载查看