diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2020-08-07 23:40:42 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2020-08-07 23:40:42 +0200 |
| commit | abc0b615da47f2e8587e3116bb4f3594fafab1d2 (patch) | |
| tree | cd8d039fee3848a0aecee4fe3421ca58ce7a8593 /animism-align/frontend/app/views/viewer/nav/nav.css | |
| parent | b39e9b08aa1cae8919a895c99cf06e3b7f3b2c1c (diff) | |
inline video
Diffstat (limited to 'animism-align/frontend/app/views/viewer/nav/nav.css')
| -rw-r--r-- | animism-align/frontend/app/views/viewer/nav/nav.css | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/animism-align/frontend/app/views/viewer/nav/nav.css b/animism-align/frontend/app/views/viewer/nav/nav.css index 74ea3bf..de76368 100644 --- a/animism-align/frontend/app/views/viewer/nav/nav.css +++ b/animism-align/frontend/app/views/viewer/nav/nav.css @@ -80,6 +80,33 @@ padding-right: 1.25rem; } +.viewer-nav .next-section-thumbnail { + position: absolute; + right: 0; + bottom: -9rem; + display: block; + border-radius: 1rem; + width: 12rem; + height: 8rem; + margin-bottom: 0.5rem; + margin-right: 0.5rem; + background-size: cover; + background-position: center center; + transition: transform 0.2s; + transform: translateZ(0); + cursor: pointer; +} +.viewer-nav .nav-next { + transition: transform 0.2s; + transform: translateZ(0); +} +.viewer-nav.hovering-next .nav-next { + transform: translateZ(0) translateY(-8.5rem); +} +.viewer-nav.hovering-next .next-section-thumbnail { + transform: translateZ(0) translateY(-9rem); +} + /* Arrows */ .arrow svg { |