win8徽标用css3怎么写

html-css034

win8徽标用css3怎么写,第1张

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<title>win8=/=</title>

    <style type="text/css">

        body{ background: #fff font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif}

        .logo{ position: absolute width:450px height: 130px margin: -65px 0 0 -250px

            top: 50% left: 50%  }

        .logo:after{content: "Window 8" color:#40A7EA font-size: 85px position: absolute

            top: 1px left: 135px width: 420px }

        .logo i{ font-style: normal display: block width: 100px

            height:100px position: relative background: #40A7EA

            overflow: hidden

            -webkit-transform: perspective(100px) rotateY(-15deg)

            -ms-transform: perspective(100px) rotateY(-15deg)

            -o-transform: perspective(100px) rotateY(-15deg)

            transform: perspective(100px) rotateY(-15deg)

        }

        i:after,i:before{ position: absolute background:#fff font-size: 0 line-height: 0 content: " " }

        i:after{ width: 100pxheight: 4px left: 0 top: 48px}   i:before{width: 4pxheight: 100px top:0 left: 48px }

    </style>

</head>

<body>

<div class="logo">

 <i></i>

</div>

</body>

</html>

ie9以上  谷歌浏览器没问题 -。-

这两个没有哪个好，Bootstrap一个用于前端开发的开源工具包，提供了一些基础的CSS样式和JS组件。Metro UI CSS 是一套用来创建类似于Windows 8 Metro UI风格网站的样式，它是基于Bootstrap开发的。如果要做win8风格的，那这两个都要用到。