纯css布局实现啤酒瓶效果代码-html代码-BFW代码库

纯css布局实现啤酒瓶效果代码

代码语言：html

代码描述：纯css布局实现啤酒瓶效果代码

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

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

<head>

  <meta charset="UTF-8">
  

  
  
<style>
body {
  min-height: 400px;
  height: 100vh;
  position: relative;
  background-color: #ffa07a;
  text-align: center;
}
div {
  position: absolute;
  left: 50%;
  top: 50%;
}
div:before,
div:after {
  display: block;
  content: '';
  position: absolute;
}
#hot {
  width: 100px;
  height: 200px;
  margin-left: -50px;
  margin-top: -65px;
  background-color: #fff7b4;
  background-repeat: no-repeat, no-repeat, repeat-x, repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3em, #9acd32), color-stop(3em, transparent)), -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.1)), to(rgba(0,0,0,0.1))), radial-gradient(ellipse, #8bb92d 40%, rgba(255,255,255,0) 45%), -.........完整代码请登录后点击上方下载按钮下载查看