ict_global.scss
1.12 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
/*鼠标放上去改变框框背景和线条*/
/*边框公共样式*/
.boxall {
position: relative;
padding: 1vw 1vw 1vw 1vw;
border: 2px solid #02a2ff;
background: rgba(19, 47, 83, 0.25);
transition: all 1s;
cursor: pointer;
width: calc(100% - 4vw);
height: calc(100% - 4vw);
margin: 0.5vw
}
.boxall:before {
content: '';
position: absolute;
width: 88%;
height: 100%;
bottom: -2px;
top: -2px;
left: 6%;
border-bottom: 2px solid #013363;
border-top: 2px solid #013363;
transition: all 0.5s;
}
.boxall:after {
content: '';
position: absolute;
width: 100%;
height: 82%;
left: -2px;
right: -2px;
top: 9%;
border-left: 2px solid #013363;
border-right: 2px solid #013363;
transition: all 0.5s;
}
.boxall:hover::before {
width: 0%;
}
.boxall:hover::after {
height: 0%;
}
.boxall:hover {
/*box-shadow:-5px 0px 2px rgba(255,255,255,0.1), !*左边阴影*! 0px -5px 2px rgba(255,255,255,0.1), !*上边阴影*! 5px 0px 2px rgba(255,255,255,0.1), !*右边阴影*! 0px 5px 2px rgba(255,255,255,0.1);*/
background: rgba(0, 72, 115, 0.4);
}
.boxall span {
color: #fff !important;
}