Skip to content

Commit d08670b

Browse files
lujocomlujocom
committed
新加页面
1 parent dfe897e commit d08670b

21 files changed

+1892
-0
lines changed

‎.idea/encodings.xml

Lines changed: 10 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/workspace.xml

Lines changed: 739 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/buttion.css

Lines changed: 183 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,183 @@
1+
body{
2+
background: #333;
3+
}
4+
5+
.box{
6+
width: 800px;
7+
height: 280px;
8+
margin: 50px auto;
9+
position: relative;
10+
}
11+
12+
.box .link{
13+
width: 205px;
14+
height: 280px;
15+
float: left;
16+
margin:0 20px;
17+
}
18+
19+
.link .icon{
20+
display: inline-block;
21+
width: 100%;
22+
height: 190px;
23+
-webkit-transition: 0.2s ease-out;
24+
-moz-transition: 0.2s ease-out;
25+
-o-transition: 0.2s ease-out;
26+
transition: 0.2s ease-out;
27+
}
28+
29+
.link-miss .icon{
30+
background: url("../images/mission.png") no-repeat center center;
31+
}
32+
33+
.link-play .icon{
34+
background: url("../images/play.png") no-repeat center center;
35+
}
36+
37+
.link-touch .icon{
38+
background: url("../images/touch.png") no-repeat center center;
39+
}
40+
41+
.link .icon:hover{
42+
-webkit-transform: rotate(360deg) scale(1.2);
43+
-moz-transform: rotate(360deg) scale(1.2);
44+
-ms-transform: rotate(360deg) scale(1.2);
45+
-o-transform: rotate(360deg) scale(1.2);
46+
transform: rotate(360deg) scale(1.2);
47+
}
48+
49+
.button{
50+
width: 180px;
51+
height: 50px;
52+
color: #2DCB70;
53+
margin: 0 auto;
54+
display: block;
55+
line-height: 50px;
56+
position: relative;
57+
padding-left: 20px;
58+
font-family: Airal;
59+
font-weight: bolder;
60+
text-decoration: none;
61+
border: 2px solid rgba(255,255,255,0.1);
62+
background: url("../images/allow.png") no-repeat 130px center;
63+
64+
-webkit-box-sizing: border-box;
65+
-moz-box-sizing: border-box;
66+
-o-box-sizing: border-box;
67+
box-sizing: border-box;
68+
69+
-webkit-transition: 0.4s ease;
70+
-moz-transition: 0.4s ease;
71+
-o-transition: 0.4s ease;
72+
transition: 0.4s ease;
73+
}
74+
75+
.button:hover{
76+
/*border: 2px solid rgba(255,255,255,1);*/
77+
background-position: 140px center;
78+
79+
}
80+
81+
.button .line{
82+
display: block;
83+
background: none;
84+
position: absolute;
85+
86+
-webkit-transition: 0.4s ease;
87+
-moz-transition: 0.4s ease;
88+
-o-transition: 0.4s ease;
89+
transition: 0.4s ease;
90+
}
91+
92+
.button:hover .line{
93+
background: #fff;
94+
}
95+
96+
.button .line-top{
97+
width: 0;
98+
top: -2px;
99+
left: -110%;
100+
height: 2px;
101+
102+
103+
}
104+
105+
.button:hover .line-top{
106+
width: 180.2px;
107+
left: -2px;
108+
}
109+
110+
.button .line-right{
111+
width: 2px;
112+
top: -110%;
113+
right: -2px;
114+
height: 0;
115+
116+
117+
}
118+
119+
.button:hover .line-right{
120+
height: 50.2px;
121+
top: -2px;
122+
}
123+
124+
.button .line-bottom{
125+
height: 2px;
126+
top: 48px;
127+
right: -110%;
128+
width: 0;
129+
130+
}
131+
132+
.button:hover .line-bottom{
133+
width: 180.2px;
134+
right: -2px;
135+
}
136+
137+
.button .line-left{
138+
width: 2px;
139+
bottom: -110%;
140+
left: -2px;
141+
height: 0;
142+
143+
144+
}
145+
146+
.button:hover .line-left{
147+
height: 50.2px;
148+
bottom: -2px;
149+
}
150+
151+
.box .tip {
152+
position: absolute;
153+
padding: 0px 14px;
154+
height: 35px;
155+
line-height: 35px;
156+
background: #2DCB70;
157+
color: #fff;
158+
top: 100px;
159+
font-size: 16px;
160+
font-weight: normal;
161+
text-transform: none;
162+
margin: 0 auto;
163+
opacity: 0;
164+
border-radius: 3px
165+
}
166+
167+
.tip em {
168+
font-style: normal;
169+
}
170+
171+
.tip span {
172+
position: absolute;
173+
width: 0;
174+
height: 0;
175+
overflow: hidden;
176+
border: 7px solid transparent;
177+
border-top-color: #2DCB70;
178+
left: 50%;
179+
margin-left: -3px;
180+
bottom: -14px;
181+
}
182+
183+

0 commit comments

Comments
 (0)