Skip to content

html / bdideal

Go to a project
Commit e28c5ef1 by hank
Options

css fix

parent 4afc3b34
Showing with 65 additions and 2 deletions
html/recruit.html
...@@ -85,7 +85,7 @@ ...@@ -85,7 +85,7 @@
</div> </div>
<div class="main2-container" style="padding-top: 60px;"> <div class="main2-container" style="padding-top: 60px;">
<div class="join"> <div class="join">
<div class="container"> <div class="container relative">
<div class="introduce animated fadeInUp" style="animation-delay: 0.2s;"> <div class="introduce animated fadeInUp" style="animation-delay: 0.2s;">
<div class="top"> <div class="top">
...@@ -97,7 +97,13 @@ ...@@ -97,7 +97,13 @@
<div class="bottom"> <div class="bottom">
<p>这是最富有激情与创造力的团队，这些来自设计、教育、咨询、科技、 互联网等行业的精英们，拥有一个共同的“数字理想”。我们不断创新， 追求极致，引领行业的技术进步，帮助数以万计的企业决策效率倍增， 发现大数据背后隐藏的秘密，增强数据的感染力与表现力。 真诚欢迎您的加入，迎接挑战，分享成功...</p> <p>这是最富有激情与创造力的团队，这些来自设计、教育、咨询、科技、 互联网等行业的精英们，拥有一个共同的“数字理想”。我们不断创新， 追求极致，引领行业的技术进步，帮助数以万计的企业决策效率倍增， 发现大数据背后隐藏的秘密，增强数据的感染力与表现力。 真诚欢迎您的加入，迎接挑战，分享成功...</p>
</div> </div>
</div> </div>
<div class="icon-list animated bounceInDown">
<img class="animated " src="../img/exctingicon.png" alt="">
<img class="animated " src="../img/createicon.png" alt="">
<img class="animated " src="../img/teamicon.png" alt="">
</div>
</div> </div>
<div class="jobs"> <div class="jobs">
<div class="block cf container" id="masonry" style="position: relative;"> <div class="block cf container" id="masonry" style="position: relative;">
......
style/about.css
...@@ -196,6 +196,7 @@ ul { ...@@ -196,6 +196,7 @@ ul {
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
font-size: 14px; font-size: 14px;
-webkit-transition: all 1s;
transition: all 1s; transition: all 1s;
} }
.our-products .our .bottom-container .item:hover { .our-products .our .bottom-container .item:hover {
...@@ -270,6 +271,12 @@ ul { ...@@ -270,6 +271,12 @@ ul {
} }
.strength .list img { .strength .list img {
display: inline-block; display: inline-block;
-webkit-transition: all 1s;
transition: all 1s;
}
.strength .list img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
} }
.patners { .patners {
padding-top: 100px; padding-top: 100px;
...@@ -290,6 +297,9 @@ ul { ...@@ -290,6 +297,9 @@ ul {
position: absolute; position: absolute;
top: 162px; top: 162px;
left: 457px; left: 457px;
border: 2px solid #D6D6D6 ;
-webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.34901961) inset;
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.34901961) inset;
} }
.map-container .introduce { .map-container .introduce {
margin-left: 27px; margin-left: 27px;
......
style/about.less
...@@ -211,6 +211,7 @@ ul { ...@@ -211,6 +211,7 @@ ul {
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
font-size: 14px; font-size: 14px;
-webkit-transition: all 1s;
transition: all 1s; transition: all 1s;
&:hover { &:hover {
background-size: 120%; background-size: 120%;
...@@ -288,6 +289,13 @@ ul { ...@@ -288,6 +289,13 @@ ul {
} }
img { img {
display: inline-block; display: inline-block;
-webkit-transition: all 1s;
transition: all 1s;
&:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
} }
} }
} }
...@@ -309,6 +317,9 @@ ul { ...@@ -309,6 +317,9 @@ ul {
position: absolute; position: absolute;
top: 162px; top: 162px;
left: 457px; left: 457px;
border: 2px solid #D6D6D6 ;
// -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.349019607843137);
-webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.349019607843137) inset;box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.349019607843137) inset;
} }
.introduce { .introduce {
margin-left: 27px; margin-left: 27px;
......
style/solution.css
...@@ -566,6 +566,21 @@ ul { ...@@ -566,6 +566,21 @@ ul {
font-size: 16px; font-size: 16px;
line-height: 26px; line-height: 26px;
} }
.join .icon-list {
position: absolute;
right: 67px;
top: 267px;
}
.join .icon-list img {
display: inline-block;
margin-right: 105px;
-webkit-transition: all 1s;
transition: all 1s;
}
.join .icon-list img:hover {
-webkit-transform: rotateY(360deg) !important;
transform: rotateY(360deg) !important;
}
.jobs { .jobs {
margin-top: 100px; margin-top: 100px;
padding-bottom: 70px; padding-bottom: 70px;
...@@ -779,6 +794,7 @@ ul { ...@@ -779,6 +794,7 @@ ul {
} }
.dynamic-detail { .dynamic-detail {
padding-top: 130px; padding-top: 130px;
padding-bottom: 70px;
} }
.dynamic-detail .left { .dynamic-detail .left {
padding: 0 30px; padding: 0 30px;
...@@ -795,10 +811,12 @@ ul { ...@@ -795,10 +811,12 @@ ul {
.dynamic-detail .blockquote { .dynamic-detail .blockquote {
font-size: 16px; font-size: 16px;
color: #000; color: #000;
line-height: 30px;
} }
.dynamic-detail .blockquote img { .dynamic-detail .blockquote img {
width: 100%; width: 100%;
height: auto; height: auto;
max-height: 300px;
} }
.dynamic-detail .hot { .dynamic-detail .hot {
background: #f1f1f1; background: #f1f1f1;
......
style/solution.less
...@@ -606,6 +606,21 @@ ul { ...@@ -606,6 +606,21 @@ ul {
line-height: 26px; line-height: 26px;
} }
} }
.icon-list {
position: absolute;
img {
display: inline-block;
margin-right: 105px;
-webkit-transition: all 1s;
transition: all 1s;
&:hover {
-webkit-transform: rotateY(360deg) !important;
transform: rotateY(360deg) !important;
}
}
right: 67px;
top: 267px;
}
} }
.jobs { .jobs {
margin-top: 100px; margin-top: 100px;
...@@ -838,6 +853,7 @@ ul { ...@@ -838,6 +853,7 @@ ul {
.dynamic-detail { .dynamic-detail {
padding-top: 130px; padding-top: 130px;
padding-bottom: 70px;
.left { .left {
padding: 0 30px; padding: 0 30px;
} }
...@@ -853,9 +869,11 @@ ul { ...@@ -853,9 +869,11 @@ ul {
.blockquote { .blockquote {
font-size: 16px; font-size: 16px;
color: #000; color: #000;
line-height: 30px;
img { img {
width: 100%; width: 100%;
height: auto; height: auto;
max-height: 300px;
} }
} }
.hot { .hot {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment