首页 > 代码库 > 回来加班补齐的完整版的安卓图标

回来加班补齐的完整版的安卓图标

2024-08-23 11:27:59   221人阅读

  1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2 "http://www.w3.org/TR/xhtml1/TDT/xhtml1-strit.dtd">
  3 <html>
  4 <head>
  5 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
  6 <title>title</title>
  7 <style type="text/css">
  8 body{
  9     margin:0;
 10     padding:0;
 11     background-color:#fff;
 12 }
 13 .box{
 14     width:330px;
 15     height:500px;
 16     margin:50px auto;
 17 }
 18 .box .head{
 19     width:200px;
 20     height:100px;
 21     margin:0px auto;
 22     background-color:#a4ca39;
 23     border-radius:100px 100px 0px 0px;
 24     
 25 }
 26 .box .head::before{
 27     content:" ";
 28     width:16px;
 29     height:16px;
 30     display:block;
 31     background:white;
 32     border-radius:8px;
 33     transform:translate(50px,40px);
 34 }
 35 .box .head::after{
 36     content:" ";
 37     width:16px;
 38     height:16px;
 39     display:block;
 40     background:white;
 41     border-radius:8px;
 42     transform:translate(134px,24px);
 43 }
 44 .box .shenti{
 45     width:200px;
 46     height:200px;
 47     background-color:#a4ca39;
 48     margin:0 auto;
 49     margin-top:10px;
 50     border-radius:0px 0px 30px 30px;
 51 
 52 }
 53 .box .shenti::before{
 54     content:" ";
 55     width:40px;
 56     height:150px;
 57     display:block;
 58     background-color:#a4ca39;
 59     border-radius:20px;
 60     transform:translate(-50px,20px);
 61 }
 62 .box  .shenti::after{
 63     content:" ";
 64     width:40px;
 65     height:150px;
 66     display:block;
 67     background-color:#a4ca39;
 68     border-radius:20px;
 69     transform:translate(208px,-129px);
 70 }
 71 .box .footer{
 72     width:40px;
 73     height:100px;
 74     margin:0 auto;
 75     margin-top:0px;
 76     border-radius:0px 0px 30px 30px;
 77 }
 78 .box .footer::before{
 79     content:" ";
 80     width:40px;
 81     height:100px;
 82     display:block;
 83     background-color:#a4ca39;
 84     border-radius:0px 0px 30px 30px;
 85     transform:translate(-40px,0px);
 86 }
 87 .box .footer::after{
 88     content:" ";
 89     width:40px;
 90     height:100px;
 91     display:block;
 92     background-color:#a4ca39;
 93     border-radius:0px 0px 30px 30px;
 94     transform:translate(40px,-103px);
 95 }
 96 .box .ear1{
 97     width:5px;
 98     height:30px;
 99     margin:0px auto;
100     margin-top:0px;
101     transform:rotate(30deg);
102     border-radius:0px 0px 30px 30px;
103 }
104 .box .ear1::before{
105     content:" ";
106     width:5px;
107     height:30px;
108     display:block;
109     background-color:#a4ca39;
110     border-radius:0px 0px 30px 30px;
111     transform:translate(86px,12px);
112 }
113 .box .ear2{
114     width:5px;
115     height:30px;
116     margin:0px auto;
117     margin-top:0px;
118     transform:rotate(-30deg);
119     border-radius:0px 0px 30px 30px;
120 }
121 .box .ear2::after{
122     content:" ";
123     width:5px;
124     height:30px;
125     display:block;
126     background-color:#a4ca39;
127     border-radius:0px 0px 30px 30px;
128     transform:translate(-73px,-14px);
129 }
130 </style>
131 </head>
132 <body>
133 <div class="box">
134     <div class="ear1"></div>
135     <div class="ear2"></div>
136     <div class="head"></div>
137     <div class="shenti"></div>
138     <div class="footer"></div>
139 </div>
140 
141 </body>
142 </html>
143 <script>
144 
145 </script>

 

回来加班补齐的完整版的安卓图标


联系
我们