621
edits
No edit summary Tag: Manual revert |
No edit summary |
||
Line 229: | Line 229: | ||
.content { | .content { | ||
width: 100%; | width: 100%; | ||
} | |||
.blur { | |||
transition: filter 0.15s ease-in-out; | |||
overflow: hidden; | |||
position: relative; | |||
} | |||
.blur img { | |||
filter: blur(20px); | |||
transition: filter 0.15s ease-in-out; | |||
} | |||
.blur:hover img { | |||
filter: none; | |||
transition: filter 0.15s ease-in-out; | |||
} | |||
.blur:hover figcaption { | |||
opacity: 0; | |||
display: none; | |||
} | |||
figcaption { | |||
border: 1px solid #c8ccd1; | |||
border-top: 0; | |||
background-color: #f8f9fa; | |||
font-size: 88.4%; | |||
caption-side: bottom; | |||
line-height: 1.4em; | |||
word-break: break-word; | |||
font-family: sans-serif; | |||
} | |||
.blur > figcaption { | |||
opacity: 0.5; | |||
padding: 10px 15px 10px 15px; | |||
border-radius: 15px; | |||
background-color: black; | |||
color: white; | |||
position: absolute; | |||
top: 50%; | |||
left: 50%; | |||
transform: translate(-50%, -50%); | |||
} | } |