diff options
| author | Bob Zeleznik <zzzman@gmail.com> | 2019-08-15 22:36:36 -0400 |
|---|---|---|
| committer | Bob Zeleznik <zzzman@gmail.com> | 2019-08-15 22:36:36 -0400 |
| commit | eb8033aea536e817d49379f50530feca13d0c115 (patch) | |
| tree | 3b1ebe6cb38390b9b4485bbe87fb3194c41a06ad /src/client/views/nodes/ImageBox.scss | |
| parent | 5da62eef1dbf9509ac7bce73d927d835d98716d4 (diff) | |
| parent | 46386fd73a06e52d606f891c812a9af0598eec79 (diff) | |
Merge branch 'master' into monika_ellie_UI
Diffstat (limited to 'src/client/views/nodes/ImageBox.scss')
| -rw-r--r-- | src/client/views/nodes/ImageBox.scss | 44 |
1 files changed, 43 insertions, 1 deletions
diff --git a/src/client/views/nodes/ImageBox.scss b/src/client/views/nodes/ImageBox.scss index 697f19f0d..b1afa3f7d 100644 --- a/src/client/views/nodes/ImageBox.scss +++ b/src/client/views/nodes/ImageBox.scss @@ -56,4 +56,46 @@ left: 5%; top: 15%; } -}
\ No newline at end of file +} + +#cf { + position:relative; + width:100%; + margin:0 auto; + display:flex; + align-items: center; + height:100%; + .imageBox-fadeBlocker { + width:100%; + height:100%; + background: black; + display:flex; + flex-direction: row; + align-items: center; + z-index: 1; + .imageBox-fadeaway { + object-fit: contain; + width:100%; + height:100%; + } + } + } + + #cf img { + position:absolute; + left:0; + } + + .imageBox-fadeBlocker { + -webkit-transition: opacity 1s ease-in-out; + -moz-transition: opacity 1s ease-in-out; + -o-transition: opacity 1s ease-in-out; + transition: opacity 1s ease-in-out; + } + .imageBox-fadeBlocker:hover { + -webkit-transition: opacity 1s ease-in-out; + -moz-transition: opacity 1s ease-in-out; + -o-transition: opacity 1s ease-in-out; + transition: opacity 1s ease-in-out; + opacity:0; + }
\ No newline at end of file |