纯css绘制一个米老鼠

代码语言:html

所属分类:布局界面

代码描述:纯css绘制一个米老鼠

代码标签: 一个 米老鼠

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


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
* {
  border: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background: #e3e4e8;
  display: flex;
  height: 100vh;
}

.mickey {
  background: radial-gradient(100% 100% at center, #060606 48%, rgba(6, 6, 6, 0) 50%) 15em 8.6em/1em 3em, radial-gradient(200% 200% at 0 100%, #060606 48%, rgba(6, 6, 6, 0) 50%) 15.5em 8.6em/1.3em 3.1em, radial-gradient(200% 200% at 100% 0, #060606 48%, rgba(6, 6, 6, 0) 50%) 15em 10em/1.3em 3em, radial-gradient(100% 100% at center, #060606 48%, rgba(6, 6, 6, 0) 50%) 15.8em 10em/1em 3em, radial-gradient(200% 200% at 100% 100%, #060606 49%, rgba(6, 6, 6, 0) 50%) 19.7em 9.8em/1.6em 2.3em, radial-gradient(100% 100% at center, #060606 49%, rgba(6, 6, 6, 0) 50%) 20.3em 9.8em/1.7em 2em, radial-gradient(100% 100% at center, #060606 49%, rgba(6, 6, 6, 0) 50%) 19.7em 10.9em/1.7em 2em, radial-gradient(200% 200% at 0% 0%, #060606 49%, rgba(6, 6, 6, 0) 50%) 20.5em 10.9em/1.5em 2em, radial-gradient(200% 215% at 100% -10%, rgba(255, 255, 255, 0) 25%, white 26% 47%, #060606 47.5% 49.5%, rgba(6, 6, 6, 0) 50%) 9.3em 12.6em/6.7em 4.4em, radial-gradient(200% 200% at 0% 0%, white 47.5%, rgba(255, 255, 255, 0) 48%) 16em 13.1em/5.3em 3.7em, radial-gradient(200% 199% at 0% 0%, #060606 49.5%, rgba(6, 6, 6, 0) 50%) 16em 13.1em/5.3em 3.8em, linear-gradient(70deg, white 49%, rgba(255, 255, 255, 0) 50%) 9.9em 15.5em/1em 1.7em, radial-gradient(270% 220% at 106% -10%, rgba(255, 255, 255, 0) 42%, white 42.5% 46.75%, rgba(255, 255, 255, 0) 47%) 9.9em 12.3em/2.9em 6.5em, radial-gradient(270% 220% at 106% -10%, rgba(6, 6, 6, 0) 40%, #060606 40.5% 48.5%, rgba(6, 6, 6, 0) 49%) 10em 12.3em/2.8em 6.5em, radial-gradient(270% 220% at 4% -10%, rgba(6, 6, 6, 0) 40%, #060606 40.5% 42%, white 42.5% 46.5%, #060606 47% 48.5%, rgba(6, 6, 6, 0) 49%) 12.8em 12.3em/4.6em 6.5em, radial-gradient(100% 100% at center, white 49%, rgba(255, 255, 255, 0) 50%) 10.4em 16.7em/1em 1em, radial-gradient(200% 200% at 0% 100%, #ff0600 45%, rgba(255, 6, 0, 0) 46%) 10.6em 15.4em/2.7em 2.1em, radial-gradient(200% 200% at 0% 100%, #060606 49%, rgba(6, 6, 6, 0) 50%) 10.6em 15.4em/2.5em 1.8em, radial-gradient(200% 200% at 0% 100%, #ff0600 44%, #060606 45% 49%, rgba(6, 6, 6, 0) 50%) 10.7em 16em/4.3em 1.6em, radial-gradient(200% 215% at 100% 110%, white 49%, rgba(255, 255, 255, 0) 50%) 16.8em 11.5em/2.5em 1.6em, radial-gradient(200% 200% at 100.........完整代码请登录后点击上方下载按钮下载查看

网友评论0