Hover effekt container

Hallo ich habe mal eine Frage: auf der Seite: https://visitsweden.de/ gibt es im unteren Bereich Container mit hover Effekt. Wo der Text nach oben über den Bild ein wenig scrollt. Weiß einer ein Beispiel wo man sowas als CSS3 HTML herbekommt .... Siehe Bild! bild

Wäre sehr dankbar ...

Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

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
    <style>
  
  
*{
  margin:0;
  padding:0;
}
#conti{
  width:300px;
  height:270px;
  padding:10px;
  border:2px solid black;
  margin:0 auto;
  margin-top:40px;
  overflow:hidden;
}
figure{
  width:280px;
  margin:0 auto;
  overflow:hidden;
}
img{
  width:100%;
}
figcaption{
  padding:10px;
  text-align:center;
  transition:all 1s;
  width:calc(100% - 20px);
}
 
figure:hover > figcaption{
    transform: translateY(-80px);
    transition:all 1s;
    background:white;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX