html-transform+onmouseover代码实例

08代码

body{

background:url(image/bg.jpg)

}

.zuo{

width:60%;

height:800px;

float:left;

}

.you{

width:40%;

height:800px;

float:left;

}

.p1{

font-size:55px;

margin-top:100px;

margin-left:80px;

color:#FFF;

}

.p2{

font-size:35px;

margin-top:80px ;

margin-left:80px;

color:#FFF;

}

.p1:hover{

transform:scale(1.2);

color:#F00;

}

.p2:hover{

transform:rotate(360deg);

transition-duration:2s;

}

.img2:hover{

transform:skew(0deg,25deg)

}

Blue App Template

One page Responsive HTML5
parallax business landing page

Lorem ipsum dolor sit amet,

consectetur adipisicing elit. Similique autem,

atque in voluptatibus repellat nostrum iusto

architecto vel placeat numquam omnis assumenda.