2022-04-14 15:15:42 +00:00
|
|
|
:root {
|
|
|
|
--soft-media-opacity: 0.75;
|
|
|
|
--soft-media-transition-time: .5s;
|
|
|
|
--soft-media-transition-timing-function: ease-in-out;
|
|
|
|
}
|
|
|
|
|
2022-04-14 15:02:23 +00:00
|
|
|
img, video {
|
2022-04-14 15:15:42 +00:00
|
|
|
opacity: var(--soft-media-opacity);
|
|
|
|
transition: opacity var(--soft-media-transition-time) var(--soft-media-transition-timing-function);
|
2022-04-14 15:02:23 +00:00
|
|
|
}
|
|
|
|
img:hover, video:hover {
|
|
|
|
opacity: 1;
|
|
|
|
}
|