周考1

最新推荐文章于 2023-10-24 20:25:46 发布

临丶

最新推荐文章于 2023-10-24 20:25:46 发布

阅读量106

点赞数

本文链接：https://blog.csdn.net/qq_41927301/article/details/80306453

版权

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title></title>
<style>
#beij {
width: 1500px;
height: 1000px;
background-image: url(img/bg.jpg);
background-attachment: fixed;
}

#txt {
padding-top: 100px;
float: left;
padding-left: 200px;
width: 500px;
height: 450px;
}

#phone {
float: left;
margin-top: 60px;
margin-left: 200px;
width: 400px;
height: 450px;
}

h3 {
padding-top: 50px;
color: ghostwhite;
}

h4 {
padding-top: 30px;
color: ghostwhite;
}

#imgcode {
width: 300px;
height: 55px;
-webkit-transition: transform 3s;
}

#imgcode:hover {
-webkit-transform: rotate(360deg);
}

#tup {
padding-top: 75px;
}

#sp {
-webkit-transform: scale(1,2);
font-size: 30px;
color: ghostwhite;
}

#sp2 {
-webkit-transform: scale(1,2);
font-size: 30px;
color: ghostwhite;
}
#sj{
-webkit-transition:1s ease all;
-moz-transition:1s ease all;
}
#sj:hover{
-webkit-transform:skew(25deg,25deg);
/*-moz-transform:skew(45eg,45deg);*/
}
</style>
</head>

<body>
<div id="beij">
<div id="txt">
<span id="sp"><big><b>Blue App</b></big> </span><span id="sp2">Template</span>
<h3 id="imgcode">One page Responsive HTML5 parallax business landing page</h3>
<h4>Lorem ipsum dolor sit amet,
consectetur adipisicing elit. Similique autem,
atque in voluptatibus repellat nostrum iusto
architecto vel placeat numquam omnis assumenda.</h4>
<img id="tup" src="img/003.png" />
</div>
<div id="phone">
<img id="sj" src="img/phone.png" />
</div>
</div>
</body>

</html>

临丶

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
周考1

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;&lt;/title&gt; &lt;style&gt; #beij { width: 1500px; height: 1000px; background-image:
复制链接

扫一扫