商品展示页面html模板,CSS3电商网站商品展示窗UI模板

CSS

语言：

CSSSCSS

确定

html {

height: 100%;

}

body {

overflow: hidden;

background: #bcdee7 url("/uploads/160801/bike.png") no-repeat center center fixed;

background-size: cover;

position: fixed;

padding: 0px;

margin: 0px;

width: 100%;

height: 100%;

font: normal 14px/1.618em "Roboto", sans-serif;

-webkit-font-smoothing: antialiased;

}

body:before {

content: "";

height: 0px;

padding: 0px;

border: 130em solid #bcdee7;

position: absolute;

left: 50%;

top: 100%;

z-index: 2;

display: block;

transform: translate(-50%, -50%);

animation: puff 1s 1.8s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards, borderRadius 0.2s 2.3s linear forwards;

background: #bcdee7 url("/uploads/160801/bike2.jpg") no-repeat center center;

background-size: cover;

background-color: #bcdee7;

background-blend-mode: soft-light;

}

h1,

h2 {

font-weight: 500;

margin: 0px 0px 5px 0px;

}

h1 {