css立体优惠券效果代码-html代码-BFW代码库

css立体优惠券效果代码

代码语言：html

代码描述：css立体优惠券效果代码

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

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

<head>
    <meta charset="UTF-8">
<style>
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}body{background:#ddd;margin-top:30px}.button{position:relative;margin:0 auto 15px;display:block;width:450px;height:82px;text-decoration:none;background-color:#fafafa;color:#131313;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:0 4px #e7e7e7,0 6px 1px #d0d0d2;-webkit-box-shadow:0 4px #e7e7e7,0 6px 1px #d0d0d2;box-shadow:0 4px #e7e7e7,0 6px 1px #d0d0d2}.button *{-moz-transition:all .15s linear;-o-transition:all .15s linear;-webkit-transition:all .15s linear;transition:all .15s linear}.button .title{display:block;padding:20px 0 0 20px;font-size:1.25em}.button .details{display:block;clear:both;padding:5px 0 20px 23px;font-size:.85em;color:#9a9ca2}.button .price{positio.........完整代码请登录后点击上方下载按钮下载查看