diff --git a/src/assets/main.scss b/src/assets/main.scss index 39f22fc..bc47cfb 100644 --- a/src/assets/main.scss +++ b/src/assets/main.scss @@ -394,13 +394,32 @@ body{ } section.entite{ - >section{ padding-bottom: 2em; } >section.image{ - img{ - max-width: 100%; + figure{ + // border: #333 1px solid; + position: relative; + img{ + max-width: 100%; + } + figcaption{ + position: absolute; + left: 0; + bottom: 0; + width: 100%; + @include font_reponses(); + background-color: rgba(0,0,0,0.8); + // opacity: 0.8; + color: #fff; + padding: 0.3em; + opacity: 0; + transition: all 0.2s ease-in-out; + } + &:hover figcaption{ + opacity: 1; + } } } .sources{ diff --git a/src/components/contents/Entite.vue b/src/components/contents/Entite.vue index 2d3d836..7d22d9a 100644 --- a/src/components/contents/Entite.vue +++ b/src/components/contents/Entite.vue @@ -43,7 +43,10 @@ export default {