animation布局,style
来源:互联网 发布:les聊天软件 编辑:程序博客网 时间:2024/06/16 07:00
style里面的
.da{
width:1200px;
height:700px;
background-image:url(../img/bg.jpg);}
.divleft{
width:700px;
height:700px;
float:left;
}
.rightdiv{
width:300px;
height:630px;
background:url(../img/phone.png);
float:right;
margin-top:20px;}
.rightdiv:hover{
transform:skew(0,25deg);}
#d1{
width:500px;
height:40px;
text-align:center;
margin-top:100px;
font-weight:900px;
font-size:36px;
color:#FFF;
}
#d1:hover{
transform:scale(1,2);
color:#F00;}
#d2{
margin-top:100px;
width:500px;
height:40px;
font-size:18px;
color:#FFF;
margin-left:80px;
}
#d2:hover{
transform:rotate(180deg);}
#d3{
width:600px;
height:40px;
font-size:18px;
margin-top:50px;
margin-left:80px;
color:#FFF;
}
#d4{
width:280px;
margin-left:80px;
height:70px;
margin-top:100px;
background-image:url(../img/003.png);
}
#d4:hover{
background-image:url(../img/001.png);
}
布局
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>周考一</title>
<link rel="stylesheet" href="css/zhoukao1.css">
</head>
<body>
<div class="da">
<div class="divleft">
<div id="d1">Blue App Template</div>
<div id="d2">
<p>One page Responsive HTML5 parallax
</p>
<p>business landing page</p>
</div>
<div id="d3">
<p> consectetur adipisicing elit. Similique autem,</p>
<p> atque in voluptatibus repellat nostrum iusto architecto vel placeat</p>
<p> numquam omnis assumenda.</p>
</div>
<div id="d4"></div>
</div>
<div class="rightdiv"></div>
</div>
</body>
</html>
- animation布局,style
- 布局Animation
- Animation布局动画
- 【Layout Animation 布局动画】
- transform-style ~ animation (css3星环运动)
- Android ListView Animation 布局动画
- 控件 布局 垂直移动(Animation)
- Android:Animation Style的定义与引用系统AnimStyle
- Android 常用Manager、CustomView、Style、drawable、animation导图
- HTML--文字布局(TEXT STYLE)标记(TAGS)
- HTML-文字布局(TEXT STYLE)标记(TAGS)
- 文字布局(TEXT STYLE)标记(TAGS)
- Android 用style简化layout布局文件
- Android 用style简化layout布局文件
- android中用style简化布局文件
- android中用style简化布局文件
- android中用style简化布局文件
- android中用style简化布局文件
- Docker 最常用的监控方案
- html
- Loj2059. 「TJOI / HEOI2016」字符串
- python合并多个csv文件
- proc文件系统创建实例二(引出 seq file 文件系统的创建过程,结构化信息显示)
- animation布局,style
- c++回文日期【NOIP2016普及组】解题报告
- JQuery
- 电影样题的数据清洗
- struts2的简单使用
- CSS3圆角
- Codeforces Round #439 (Div. 2)
- 线程同步之互斥锁(互斥量)
- 第四周项目 third---单链表应用