mirror/reveal.js
1
0
Fork 0
mirror of https://github.com/hakimel/reveal.js.git synced 2025-04-21 04:52:14 +02:00
Code Issues Releases Wiki Activity

brief transition for overlay

Browse Source
This commit is contained in:
Hakim El Hattab 2025-02-17 19:08:43 +01:00
parent 0950590300
commit 9af726b606
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
css/reveal.scss
View File

@ -1433,6 +1433,16 @@ $controlsArrowAngleActive: 36deg;
* OVERLAY FOR LINK PREVIEWS AND HELP
*********************************************/
@keyframes fade-in {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes scale-up {
from { transform: scale( 0.95 ); }
to { transform: scale( 1 ); }
}
.reveal [data-preview-image],
.reveal [data-preview-video] {
cursor: zoom-in;
@ -1450,6 +1460,7 @@ $controlsArrowAngleActive: 36deg;
backdrop-filter: blur( 10px );
transition: all 0.3s ease;
color: #fff;
animation: fade-in 0.3s ease;
}
.reveal .overlay-viewport {
@ -1516,6 +1527,7 @@ $controlsArrowAngleActive: 36deg;
overflow: hidden;
flex-grow: 1;
background-color: rgba(20, 20, 20, 0.8);
animation: scale-up 0.5s cubic-bezier(0.260, 0.860, 0.440, 0.985);
}
.reveal .overlay-spinner {

2
js/controllers/overlay.js
View File

@ -250,7 +250,7 @@ export default class Overlay {
}
isOpen() {
return this.dom !== null;
return !!this.dom;
}
/**