Jahresberichte des Vereins
Krafferova zahrada
/* Styl obalu */
.hover-box {
position: relative;
width: 100%;
max-width: 400px; /* můžeš upravit šířku */
overflow: hidden;
cursor: pointer;
}
/* Obrázek */
.hover-box img {
width: 100%;
height: auto;
display: block;
transition: opacity 0.5s ease;
}
/* Textová vrstva */
.hover-box .text-layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #527169 !important;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 0;
transition: opacity 0.5s ease;
text-align: center;
padding: 20px;
}
/* Hover efekt */
.hover-box:hover img {
opacity: 0;
}
.hover-box:hover .text-layer {
opacity: 1;
}
2021
stáhnout
/* Styl obalu */
.hover-box {
position: relative;
width: 100%;
max-width: 400px; /* můžeš upravit šířku */
overflow: hidden;
cursor: pointer;
}
/* Obrázek */
.hover-box img {
width: 100%;
height: auto;
display: block;
transition: opacity 0.5s ease;
}
/* Textová vrstva */
.hover-box .text-layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #527169 !important;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 0;
transition: opacity 0.5s ease;
text-align: center;
padding: 20px;
}
/* Hover efekt */
.hover-box:hover img {
opacity: 0;
}
.hover-box:hover .text-layer {
opacity: 1;
}
2024
brzy ke stažení
/* Styl obalu */
.hover-box {
position: relative;
width: 100%;
max-width: 400px; /* můžeš upravit šířku */
overflow: hidden;
cursor: pointer;
}
/* Obrázek */
.hover-box img {
width: 100%;
height: auto;
display: block;
transition: opacity 0.5s ease;
}
/* Textová vrstva */
.hover-box .text-layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #527169 !important;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 0;
transition: opacity 0.5s ease;
text-align: center;
padding: 20px;
}
/* Hover efekt */
.hover-box:hover img {
opacity: 0;
}
.hover-box:hover .text-layer {
opacity: 1;
}
2022
brzy ke stažení
/* Styl obalu */
.hover-box {
position: relative;
width: 100%;
max-width: 400px; /* můžeš upravit šířku */
overflow: hidden;
cursor: pointer;
}
/* Obrázek */
.hover-box img {
width: 100%;
height: auto;
display: block;
transition: opacity 0.5s ease;
}
/* Textová vrstva */
.hover-box .text-layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #527169 !important;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 0;
transition: opacity 0.5s ease;
text-align: center;
padding: 20px;
}
/* Hover efekt */
.hover-box:hover img {
opacity: 0;
}
.hover-box:hover .text-layer {
opacity: 1;
}
2025
brzy ke stažení
/* Styl obalu */
.hover-box {
position: relative;
width: 100%;
max-width: 400px; /* můžeš upravit šířku */
overflow: hidden;
cursor: pointer;
}
/* Obrázek */
.hover-box img {
width: 100%;
height: auto;
display: block;
transition: opacity 0.5s ease;
}
/* Textová vrstva */
.hover-box .text-layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #527169 !important;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 0;
transition: opacity 0.5s ease;
text-align: center;
padding: 20px;
}
/* Hover efekt */
.hover-box:hover img {
opacity: 0;
}
.hover-box:hover .text-layer {
opacity: 1;
}
2023
brzy ke stažení
/* Styl obalu */
.hover-box {
position: relative;
width: 100%;
max-width: 400px; /* můžeš upravit šířku */
overflow: hidden;
cursor: pointer;
}
/* Obrázek */
.hover-box img {
width: 100%;
height: auto;
display: block;
transition: opacity 0.5s ease;
}
/* Textová vrstva */
.hover-box .text-layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #527169 !important;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 0;
transition: opacity 0.5s ease;
text-align: center;
padding: 20px;
}
/* Hover efekt */
.hover-box:hover img {
opacity: 0;
}
.hover-box:hover .text-layer {
opacity: 1;
}
2021
stáhnout
/* Styl obalu */
.hover-box {
position: relative;
width: 100%;
max-width: 400px; /* můžeš upravit šířku */
overflow: hidden;
cursor: pointer;
}
/* Obrázek */
.hover-box img {
width: 100%;
height: auto;
display: block;
transition: opacity 0.5s ease;
}
/* Textová vrstva */
.hover-box .text-layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #527169 !important;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 0;
transition: opacity 0.5s ease;
text-align: center;
padding: 20px;
}
/* Hover efekt */
.hover-box:hover img {
opacity: 0;
}
.hover-box:hover .text-layer {
opacity: 1;
}
2022
brzy ke stažení
/* Styl obalu */
.hover-box {
position: relative;
width: 100%;
max-width: 400px; /* můžeš upravit šířku */
overflow: hidden;
cursor: pointer;
}
/* Obrázek */
.hover-box img {
width: 100%;
height: auto;
display: block;
transition: opacity 0.5s ease;
}
/* Textová vrstva */
.hover-box .text-layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #527169 !important;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 0;
transition: opacity 0.5s ease;
text-align: center;
padding: 20px;
}
/* Hover efekt */
.hover-box:hover img {
opacity: 0;
}
.hover-box:hover .text-layer {
opacity: 1;
}
2023
brzy ke stažení
/* Styl obalu */
.hover-box {
position: relative;
width: 100%;
max-width: 400px; /* můžeš upravit šířku */
overflow: hidden;
cursor: pointer;
}
/* Obrázek */
.hover-box img {
width: 100%;
height: auto;
display: block;
transition: opacity 0.5s ease;
}
/* Textová vrstva */
.hover-box .text-layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #527169 !important;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 0;
transition: opacity 0.5s ease;
text-align: center;
padding: 20px;
}
/* Hover efekt */
.hover-box:hover img {
opacity: 0;
}
.hover-box:hover .text-layer {
opacity: 1;
}
2024
brzy ke stažení
/* Styl obalu */
.hover-box {
position: relative;
width: 100%;
max-width: 400px; /* můžeš upravit šířku */
overflow: hidden;
cursor: pointer;
}
/* Obrázek */
.hover-box img {
width: 100%;
height: auto;
display: block;
transition: opacity 0.5s ease;
}
/* Textová vrstva */
.hover-box .text-layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #527169 !important;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 0;
transition: opacity 0.5s ease;
text-align: center;
padding: 20px;
}
/* Hover efekt */
.hover-box:hover img {
opacity: 0;
}
.hover-box:hover .text-layer {
opacity: 1;
}