css - 如何使用 xaringanthemer 创建部分背景主题

Question

我可以使用下面的代码创建一个带有红色背景的 xaringan 主题。我想要的是页面的上半部分为红色，下半部分为白色。有谁知道如何用 xaringanthemer 实现这一目标？

 ```{r, include = F}
 library(xaringanthemer)
 style_xaringan(
 background_color = "#FF0000",
 outfile="css/customtheme.css")
 ```

标签： cssrxaringan

Answer 1

为此，您希望为幻灯片配备linear-gradient背景。我认为没有一种方便的使用方式xaringanthemer- 至少以下方法不起作用：

```{r, include = FALSE}
library(xaringanthemer)
style_xaringan(
  background_color = "#FF0000",
  outfile = "customtheme.css",
  background_image = "linear-gradient(0deg, red 50%, blue 50%)"
)
```

但是，手动应用 CSS 很容易。只需将以下内容添加到您的.Rmd：

```{css, echo = F}
.partial-bg {
  background-image: linear-gradient(0deg, red, blue);
}

.partial-bg50 {
  background-image: linear-gradient(0deg, red 50%, blue 50%);
}
```

class: <class-name>然后像这样将类添加到要自定义的幻灯片中

---
class: partial-bg inverse
## Slide with Partial background: Color Gradient

---
class: partial-bg50 inverse
## Slide with Partial background: Discrete Gradient

这将产生以下内容：