Animations for entry, exit, and emphasis
I feel the tool is very limited in terms of element animation.
I want to be able to make each element appear on click. I want to be able to make them disappear on click. I want to be able to enlarge, change colour, text and all kinds of similar effects on click.
I managed to get it to work by opening the DOM and seeing what the parent element was called, then using some modern CSS shenanigans to target the internal components of your HTML.
Css:
.fragment.bg-highlight {
visibility: visible !important;
opacity: 1 !important;
}
.sl-block-content:has(h3.fragment.bg-highlight) {
transition: background-color 0.3s ease;
}
.sl-block-content:has(h3.fragment.bg-highlight.visible) {
background-color: #e74c3c !important;
}
HTML per element:
<h3 class="fragment bg-highlight visible" data-fragment-index="0">TEXT HERE</h3>
This is not acceptable if I am to continue using the tool even with programming knowledge. For most people this would be impossible to achieve, and thus the competitors like PowerPoint are much better suited.