weatherApp.github.io/style.css at main · rishikeshkumar08/weatherApp.github.io · GitHub

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
.words{
  font-size: larger;
  font-weight: 500;
}
.cardbg{
    background-image: linear-gradient( to top, rgba(0, 0, 0, 0.5), rgb(0,0,0,0))
  }
  .border{
    border-radius: 12px;
  }
  .global{
    position:relative;
    /* transition:0.4s linear ; */
  }
  .word{
    font-size: large;
    font-weight: bold;
  }
  .global:hover{
    animation: animated 0.5s forwards;
    /* transition:0.4s linear ; */
  }
  h2.show{
    animation: animate 0.2s forwards;
    transition:0.4s linear ;
  }
  @keyframes animate{
    from{
      transform: translateY(0px);
  }
  to{
    transform: translateY(-40%);
  }
  }
  @keyframes animated{
    from{
      transform: translateY(0px);
  }
  to{
    transform: translateY(-20%);
  }
  }