webAO/styles/effects/rain.css


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

#client_fg {
  overflow: hidden;
}

#client_fg p {
  position: absolute;
  bottom: 100%;
  width: 2px;
  height: 2em;
  transform: rotate(10deg);
  background: linear-gradient(
    rgba(200, 200, 200, 0) 0%,
    rgba(200, 200, 200, 0.5) 20%,
    rgba(250, 250, 250, 0.6) 100%
  );
  animation: falling 1s linear infinite;
}

@keyframes falling {
  0% {
    bottom: 100%;
  }
  100% {
    bottom: -10%;
  }
}