git ssb

1
ImageInput {
2
  position: relative
3
  width: 200px;
4
  padding: 5px;
5
  background: white;
6
  box-shadow: 0 0 10px #AAA;
7
  transition: box-shadow 0.2s
8
9
  img {
10
    width: 100%
11
    background-image: linear-gradient(172deg, rgb(247, 247, 247), rgba(0,0,0,0))
12
  }
13
  input {
14
    cursor: pointer
15
    opacity: 0
16
    position: absolute
17
    width: 100%
18
    height: 100%
19
    top: 0
20
    left: 0
21
  }
22
23
  span {
24
    position: absolute
25
    left: 0
26
    right: 0
27
    bottom: 0
28
    margin: 15px
29
    background: #444
30
    padding: 4px 8px
31
    border-radius: 5px
32
    transition: opacity 0.2s
33
    opacity: 0.5
34
    color: white
35
  }
36
37
  :hover {
38
    box-shadow: 0 0 10px #393939;
39
    span {
40
      opacity: 1
41
    }
42
  }
43
}
44