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

#client_fg {
    overflow: hidden;
}

#client_fg p {
    position: absolute;
    bottom: 100%;
    width: 1px;
    height: 1em;
    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%;
    }
}