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

网友评论0