Skip to content

T
test
提交 9c1298a8 作者: 武宏岩
操作

取消旋转

上级 fa6a59c0
正在显示 包含 16 行增加 和 77 行删除
css/index.css
......@@ -569,7 +569,7 @@
#skynet{
height: 600px;
width: 1920px;
/* background: url(../images/skynet_img.png)no-repeat center; */
background: url(../images/skynet_img.png)no-repeat center;
margin: 40px auto;
text-align: center;
position: relative;
......@@ -599,65 +599,6 @@
box-pack: center;
box-align: center;
}
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes rotations{
from {-webkit-transform: rotate(360deg);}
to {-webkit-transform: rotate(0deg);}
}
#skynet .first{
position: absolute;
width: 580px;
height: 580px;
background: url(../images/1.png)no-repeat;
background-size:100% 100%;
top:50%;
left: 50%;
margin-top: -290px;
margin-left: -290px;
text-align: center;
-webkit-transform: rotate(360deg);
animation: rotation 13s linear infinite;
-moz-animation: rotation 13s linear infinite;
-webkit-animation: rotation 13s linear infinite;
-o-animation: rotation 13s linear infinite;
}
#skynet .second{
position: absolute;
width: 480px;
height: 480px;
background: url(../images/2.png)no-repeat;
background-size:100% 100%;
top:50%;
left: 50%;
margin-top: -240px;
margin-left: -240px;
text-align: center;
-webkit-transforms: rotate(0deg);
animation: rotation 11s linear infinite;
-moz-animation: rotation 11s linear infinite;
-webkit-animation: rotation 11s linear infinite;
-o-animation: rotation 11s linear infinite;
}
#skynet .third{
position: absolute;
width: 520px;
height: 520px;
background: url(../images/3.png)no-repeat;
background-size:100% 100%;
top:50%;
left: 50%;
margin-top: -260px;
margin-left: -260px;
text-align: center;
-webkit-transform: rotate(360deg);
animation: rotations 13s linear infinite;
-moz-animation: rotations 13s linear infinite;
-webkit-animation: rotations 13s linear infinite;
-o-animation: rotations 13s linear infinite;
}
#skynet .test{
width: 380px;
height: 380px;
......@@ -767,11 +708,12 @@
padding: 20px;
color: #fff;
}
#department .carousel-inner li .text div{
font-size: 14px;
#department .carousel-inner li .text .titles{
font-size: 20px;
margin-bottom:15px;
}
#department .carousel-inner li .text p{
font-size: 14px;
color:#eaeced;
}
.carousel-control-prev{
......
index.html
......@@ -230,9 +230,6 @@
</div>
</div>
<div id="skynet" class="wow">
<div class="first"></div>
<div class="second"></div>
<div class="third"></div>
<div class="test">
<div class="donkey">天网监察体系</div>
<div class="sunspot">稽核中心 +MIS</div>
......@@ -270,7 +267,7 @@
<img src="./images/Human.png">
</div>
<div class="text">
<div>人力资本部</div>
<div class="titles">人力资本部</div>
<p>
千家的猎头组织。一个明明可以靠颜值，却硬是靠才华吃饭的部门，为社会创造更多的高端就业机会。我们为行业募选最优秀的精英，只寻找最真的你。
</p>
......@@ -281,7 +278,7 @@
<img src="./images/region.png">
</div>
<div class="text">
<div>置业部</div>
<div class="titles">置业部</div>
<p>
一群用青春去捍卫梦想的房地产经纪人，一个将屌丝变富帅的神奇部门。我们由一个职场小白，磨练成一个顶尖精英、蜕变成一个团队领导人，年入百万只需5年。我们持续壮大队伍，遍布全国，作为客户最坚实的后盾，我们在行业中循演着鲇鱼效应，推动着整个行业规范前行。
</p>
......@@ -292,7 +289,7 @@
<img src="./images/Administration.png">
</div>
<div class="text">
<div>行政部（风险稽核部）</div>
<div class="titles">行政部（风险稽核部）</div>
<p>
公司的大管家。用巨大的爱，做细小的事。规矩是我们的准绳，内秀的我们是企业战略执行的守护者，是业务部门的重要合作伙伴
</p>
......@@ -307,7 +304,7 @@
<img src="./images/Train.png">
</div>
<div class="text">
<div>培训中心</div>
<div class="titles">培训中心</div>
<p>
博学、书香是我们的名片，美貌、俊朗是我们的标签。我们是灵魂导师，成功路上的引路人， 我们是千家教师天团，精英孵化中心的缔造者。
</p>
......@@ -318,7 +315,7 @@
<img src="./images/warrant.png">
</div>
<div class="text">
<div>权证部</div>
<div class="titles">权证部</div>
<p>
后期保障专家。15年专业团队,严谨的作风，顾问式的服务，用品质让客户安心，拥有一站式网落签约资格，让每一笔贷款安全无忧，让交易更简单，让家更温暖。
</p>
......@@ -329,7 +326,7 @@
<img src="./images/Legal.png">
</div>
<div class="text">
<div>法务部</div>
<div class="titles">法务部</div>
<p>
公司最权威的发言者。刚健中正的我们以法律的视角规避交易风险，捍卫权益者应有的合法利益。我们字字珠玑，锱铢必较，我们一直在竭力完善安全交易防火墙。
</p>
......@@ -344,7 +341,7 @@
<img src="./images/Finance.png">
</div>
<div class="text">
<div>财务部</div>
<div class="titles">财务部</div>
<p>
我们是管钱的。我们正直，沉稳而充满活力。财务管理分析是我们的爱好，我们对数字迷恋万分，资深财务导师指导我们严谨的打理公司财务，我们的身份就是财务大管家。
</p>
......@@ -355,7 +352,7 @@
<img src="./images/Propaganda.png">
</div>
<div class="text">
<div>宣传部</div>
<div class="titles">宣传部</div>
<p>
一帮充满梦想，搞创作的文艺青年。这里，有趣的灵魂，好看的皮囊，我们都有。优秀的我们，为千家文化的发扬光大，为行业的正名而沉醉。
</p>
......@@ -366,7 +363,7 @@
<img src="./images/network.png">
</div>
<div class="text">
<div>科技研发部</div>
<div class="titles">科技研发部</div>
<p>
在这里有一群热爱技术、乐于创造的 GEEK（对电脑痴迷的人）！哼着小曲敲代码，喝着咖啡 DEBUG(排除程序故障)，热爱千家MIS·至哲研发，偶尔写写微信小程序，一言不合自己搭服务器跑算法。最先进的互联技术，最一流的研发和测试设备，用科技解放生产力，让你的创意变成现实！
</p>
......@@ -381,7 +378,7 @@
<img src="./images/market.png">
</div>
<div class="text">
<div>市场部</div>
<div class="titles">市场部</div>
<p>
资源整合专家。我们洞察市场风云变化，拓展市场新资源，我们还致力于通过规范业务行为，引领行业服务品质新高度，我们是行业前行的探路者.
</p>
......@@ -392,7 +389,7 @@
<img src="./images/Human.png">
</div>
<div class="text">
<div>人力资本部</div>
<div class="titles">人力资本部</div>
<p>
千家的猎头组织。一个明明可以靠颜值，却硬是靠才华吃饭的部门，为社会创造更多的高端就业机会。我们为行业募选最优秀的精英，只寻找最真的你,。
</p>
......@@ -403,7 +400,7 @@
<img src="./images/region.png">
</div>
<div class="text">
<div>置业部</div>
<div class="titles">置业部</div>
<p>
一群用青春去捍卫梦想的房地产经纪人，一个将屌丝变富帅的神奇部门。我们由一个职场小白，磨练成一个顶尖精英、蜕变成一个团队领导人，年入百万只需5年。我们持续壮大队伍，遍布全国，作为客户最坚实的后盾，我们在行业中循演着鲇鱼效应，推动着整个行业规范前行。
</p>
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论