div+css实现炫酷黑色模拟天气预报手机app u效果代码-html代码-BFW代码库

div+css实现炫酷黑色模拟天气预报手机app u效果代码

代码语言：html

代码描述：div+css实现炫酷黑色模拟天气预报手机app u效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开


<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">

  
  
<style>
::selection {background: rgba(0,0,0,.1);}
::-moz-selection {background: rgba(0,0,0,.1);}
* {
  margin:0;
  padding:0;
  font-family:"Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
html {
  width:100%;
  height:100%;
  /* this is the checkered background */
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9QTFRFKioqKysrLCwsLS0tLi4uui0UJgAAAb1JREFUGBkFwQEBwCAIBEA0AU8CARPwJBj2z7Q7GX5VCrhdZvXCMhG+fmnuruyZhmqokDUPB1hzSW47MCGTrQ4Bk1Uua7skOYwNO11MwtaGMCsHCJycyj5wHOn32FshuzPzwVRMOmeeBVyLnM8UUKmeGMhR50tO7L1cqqrT9jJldRIIVVkRcjiXV+GwZrDEl8v5PvJuW36KNRQs2GKxCgtQkhzxcDdWPQJr6WXlEzgcfYdtAM7wmxRowIKPhG9b+WU+Ed1L2T3E2jBeBkWwTTrrtquYzOWkROwF1kc6XCJ6+gkciOGb8LWh8zFbgnwtUOCbngfZvuXeZB0/Zpm8NINDXnTcE8tWdN/whXXk+0juBUPX/TIQDmGRjC0hbHJUAAhfc7C2rySHC6KQqvpmh+nK291hcMhkNs1FV/KS2AaXqe89iAf6xb2+4EfuMFPNDcxOAjtEFpaAr4MKHO95DFE3ePbXn4sBzJmUdY6u4qu7oADnkXJUXb6aqL0U1kOmQN2tv0hGrFg1NykAsGeSvcywL3tGVGGIN3U1BCf7qxGF4/BjEfA4N3KubMBXMZOuOxBzvxR1bMviEAogo8kfp0Fqm+0AiWQAAAAASUVORK5CYII=);
}
.wrapper {
  width:640px;
  height:1136px;
  background:#2d3034;
  background:linear-gradient(
      #2d3034 0%,
      #212527 100%);
  
  position:absolute;
  left:50%;
  margin:15px -320px;
  padding-top:50px;
  box-shadow:0 0 25px #000;
}

.clock {
  width:550px;
  height:295px;
  background:#191b1d;
  background:linear-gradient(
      #191b1d 0%,
      #212527 100%);
  
  position:relative;
  margin:0 auto;
  
  border-radius:15px;
  box-shadow:0 1px 2px rgba(255,255,255,.1);
}
.flipper {
  width:250px;
  height:250px;
  background:#212527;
  background:linear-gradient(
      #1b1d1f 0%,
      #242629 50%,
      #212527 100%);
  
  position:absolute;
  left:15px;
  top:15px;
  
  font-size:192px;
  color:white;
  text-align:center;
  line-height:240px;
.........完整代码请登录后点击上方下载按钮下载查看