question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

`data-background-transition` not working

See original GitHub issue

revealjs example shows how the background transition should work; however, setting the following code in vscode-reveal does not produce the desired effect.

---
theme : "white"
transition: "slide"
slideNumber: false
---

## first slide

---

## second slide

<!-- .slide: data-background="#43464B" data-background-transition="zoom" -->

## Background Transitions

Different background transitions are available via the backgroundTransition option. This one's called "zoom".


Issue Analytics

  • State:open
  • Created a year ago
  • Comments:10 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
Sebbstarcommented, Jul 15, 2022

i tracked the error down to init.js

      const plugins =  [...printPlugins,
      <% if(enableZoom) {%>RevealZoom, <%}%>
      <% if(enableSearch) {%>RevealSearch, <%}%>
          RevealMarkdown, 
          <% if(enableMenu) {%>RevealMenu, <%}%>
          RevealFullscreen,
          RevealAnything,
          //RevealAudioSlideshow,
          //RevealAudioRecorder,
          <% if(enableMenu) {%>RevealCustomControls, <%}%>
          // poll
          // question
          // seminar
          Verticator 
           ]

without the RevealFullscreen plugin background animations are working perfectly.

0reactions
evilzcommented, Jul 18, 2022

Ok issue already exists here https://github.com/rajgoel/reveal.js-plugins/issues/107 It should be fix here.

Read more comments on GitHub >

github_iconTop Results From Across the Web

html - Why transition doesn't work when background is linear ...
I want the background to be colored with linear gradient when hover in css. Since the transition is very fast, I tried to...
Read more >
transition - CSS: Cascading Style Sheets - MDN Web Docs
Transitions enable you to define the transition between two states of an element. Different states may be defined using pseudo-classes like ...
Read more >
CSS transition Property - W3Schools
Example. Hover over a <div> element to gradually change the width from 100px to 300px: div { width: 100px; transition: width 2s; }...
Read more >
transition | CSS-Tricks
.element { transition: background-color 0.5s ease; } ... Some properties cannot be transitioned because they are not animatable properties.
Read more >
css hover transition is not working - Sololearn
I created a simple div element and gave following css properties div{ width: 100px; height: 100px; background: yellow; transition: 1s.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found