css绘制一个像素狗窗口代码
代码语言:html
所属分类:其他
代码描述:css绘制一个像素狗窗口代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> * { margin: 0; padding: 0; } body { height: 100vh; width: 100vw; background: #E5C89C; align-items: center; justify-content: center; display: flex; } .window { height: 34vmin; width: 36vmin; background: linear-gradient(36deg, rgba(95,49,9,1) 53%, rgba(62,41,23,1) 78%); border: 3vmin solid #E6E6E5; border-bottom: 10vmin solid #E6E6E5; align-items: start; justify-content: left; display: flex; transform: scale(0.8, 0.8); } .pup { background: transparent; font-size: 2vmin; height: 1em; width: 1em; color: #EADBB4; box-shadow: 1em 2em #A98C6C, 2em 2em #A98C6C, 7em 2em #A98C6C, 8em 2em #A98C6C, 1em 3em, 2em 3em #A98C6C, 7em 3em #A98C6C, 8em 3em, 1em 4em, 2em 4em #A98C6C, 3em 4em #A77544, 4em 4em #A77544, 5em 4em #A77544, 6em 4em #A77544, 7em 4em #A98C6C, 8em 4em, 1em 5em #A98C6C, 2em 5em #A77544, 3em 5em #A77544, 4em 5em #A77544, 5em 5em #A77544, 6em 5em #A77544, 7em 5em #A77544, 8em 5em #735338, 1em 6em #7d664d, 2em 6em #A77544, 3em 6em black, 4em 6em #A77544, 5em 6em #A77544, 6em 6em black, 7em 6em #A77544, 8em 6em #735338, 1em 7em #7d664d, 2em 7em #CCBC9C, 3em 7.........完整代码请登录后点击上方下载按钮下载查看
网友评论0