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