1
2
3
4
5
6
免费多图床7
8
9
10
11 html,body{height:100%;margin:0;padding:0;}body{font-family:'lucida grande', 'lucida sans unicode', lucida, helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;align-items:center;display:flex;}a{text-decoration:none;}#container{max-width:400px;flex-basis:100%;margin:0 auto;background:#FFF;border-radius:10px;box-shadow:0 0 30px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.3);overflow:hidden;}#container #hero-img{width:100%;height:200px;background:#007bff;}#container #profile-img{width:160px;height:160px;margin:-80px auto 0 auto;}#container #profile-img img{width:100%;background:#FFF;border-radius:50%;}#container #content{text-align:center;width:320px;margin:0 auto;padding:0 0 50px 0;}#container #content h1{font-size:29px;font-weight:500;margin:30px 0 0 0;}#container #content p{font-size:18px;font-weight:400;line-height:1.4;color:#666;margin:15px 0 40px 0;}#container #content a{color:#CCC;font-size:14px;margin:0 10px;transition:color .3s ease-in-out;-webkit-transition:color .3s ease-in-out;line-height:40px;}#container #content a:hover{color:#007bff;}.btn{background:none repeat scroll 0 0 #1BA1E2;border:0 none;border-radius:2px;color:#FFFFFF !important;cursor:pointer;font-family:"Open Sans","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",Arial,Verdana,Tahoma,sans-serif;font-size:14px;padding:6px 10%;}.btn:hover,.yanshibtn:hover{background:none repeat scroll 0 0 #9B59B6;border:0 none;border-radius:2px;color:#FFFFFF!important;cursor:pointer;font-family:"Open Sans","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",Arial,Verdana,Tahoma,sans-serif;font-size:14px;padding:8px 10%;}
12 .imgType{display:none;}
13 #images img{width:100%}
14 #imgurl input{width:100%}
15 #imgurl,#progress{display:none;}
16
17 @-webkit-keyframes rotation{
18 from {-webkit-transform:rotate(0deg);}
19 to{-webkit-transform:rotate(360deg);}
20 }21
22 .Rotation{
23 -webkit-transform:rotate(360deg);
24 animation:rotation 3s linear infinite;
25 -moz-animation:rotation 3s linear infinite;
26 -webkit-animation:rotation 3s linear infinite;
27 -o-animation:rotation 3s linear infinite;
28 }
29
30 .img{border-radius:250px;}
31
32
33
34
35
36
37
38