单个div+css实现小绵羊效果代码-html代码-BFW代码库

单个div+css实现小绵羊效果代码

代码语言：html

代码描述：单个div+css实现小绵羊效果代码

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">


    <meta name="viewport" content="width=device-width, initial-scale=1">



    <style>
        article {
          --skin: #a98;
          --skin-dark: #876;
          width: 60vmin;
          aspect-ratio: 1.2;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          background: 
            /* details 1 */
            radial-gradient(130% 140% at 74.5% 48%, #fff 7.5%, #0000 0),
            radial-gradient(110% 100% at 77.5% 48%, #000 7%, #0000 0),
            radial-gradient(circle at 74% 37%, #fff 7.5%, #0000 0),
            radial-gradient(90% 100% at 74.8% 34.5%, #000 6.5%, #0000 0),
            radial-gradient(circle at 32% 58%, #fff 7.5%, #0000 0),
            radial-gradient(circle at 34% 61%, #fff 7.5%, #0000 0),
            radial-gradient(circle at 31% 57.85%, #000 7.5%, #0000 0),
            radial-gradient(circle at 33% 61%, #000 7.5%, #0000 0),
            radial-gradient(130% 100% at 43% 70%, #fff 7.5%, #0000 0),
            radial-gradient(90% 100% at 43.5% 72%, #000 7%, #0000 0),
            radial-gradient(130% 100% at 68% 70%, #fff 7.5%, #0000 0),
            radial-gradient(100% 100% at 68% 72%, #000 7%, #0000 0),
            /* front-legs */
            conic-gradient(from -0.009turn at 50% 25.........完整代码请登录后点击上方下载按钮下载查看