Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
index.module.scss 2.11 KB
Newer Older
dechen lin's avatar
feat: add web project  
dechen lin committed
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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84 
.item {
  border-radius: 12px;
  border: 1px solid rgba(198, 217, 255, 0.20);
  background: linear-gradient(155deg, rgba(92, 147, 255, 0.10) -130.23%, rgba(255, 255, 255, 0.00) 83.57%);
  filter: blur(0px);
  padding: 42px 20px;
  cursor: pointer;
  position: relative;

  &:hover {
    border-radius: 12px;
    border: 1px solid rgba(198, 217, 255, 0.20);
    background: linear-gradient(155deg, rgba(92, 147, 255, 0.20) -83.23%, rgba(255, 255, 255, 0.00) 83.57%);
    box-shadow: 0px 8px 26px 0px rgba(0, 0, 0, 0.12);
  }
}

.itemComingSoon_zh-CN {
  &:hover {

    backdrop-filter: blur(-100px);
    & > .itemContent {
      opacity: 0;
      z-index: 0;
    }
    &::before {
      display: inline-block;
      content: '敬请期待';
      width: 100%;
      height: 100%;
      line-height: 184px;
      position: absolute;
      background-image: url('@/assets/pdf/comingSoonLayer.svg');
      background-color: rgba(255, 255, 255, 0.8);
      background-size: contain;
      top: 0;
      left: 0;
      border-radius: 12px;
      // background:white;
      -webkit-backdrop-filter:  blur(2030px) brightness(110%);
      backdrop-filter: blur(2030px) brightness(110%);

      color: var(--60-text-3, rgba(18, 19, 22, 0.60));
      text-align: center;
      font-feature-settings: 'liga' off, 'clig' off;
      z-index: 1;
    }

  }
}

.itemComingSoon_en-US {
  &:hover {

    backdrop-filter: blur(-100px);
    & > .itemContent {
      opacity: 0;
      z-index: 0;
    }
    &::before {
      display: inline-block;
      content: 'Stay Tuned';
      width: 100%;
      height: 100%;
      line-height: 224px;
      position: absolute;
      background-image: url('@/assets/pdf/comingSoonLayer.svg');
      background-color: rgba(255, 255, 255, 0.8);
      background-size: contain;
      top: 0;
      left: 0;
      border-radius: 12px;
      // background:white;
      -webkit-backdrop-filter:  blur(2030px) brightness(110%);
      backdrop-filter: blur(2030px) brightness(110%);

      color: var(--60-text-3, rgba(18, 19, 22, 0.60));
      text-align: center;
      font-feature-settings: 'liga' off, 'clig' off;
      z-index: 1;
    }

  }
}