background-image-deck.md

---
history: True
---

# Background Images

## Four slides with background image

1.  RevealJS style with `data-background-image` attribute
2.  decker style with image and title text header
3.  decker style with image and title text header and attributes
4.  decker style with image and title text header and attributes

# RevealJs Style {data-background-image="include/06-metal.png"}

## Source

    # RevealJs Style {data-background-image="include/06-metal.png"}

# Image in Title 1 ![](include/06-metal.png)

## Source

    # Image in Title 1 ![](include/06-metal.png)

# Image in Title 2 ![](include/06-metal.png){size="30%" repeat="repeat"}

## Source

    # Image in Title 2 ![](include/06-metal.png){size="50%" repeat="repeat"}

# Image in Title 3 ![](include/06-metal.png){size="50%" repeat="no-repeat" color="black"}

## Source

    # Image in Title 3 ![](include/06-metal.png){size="50%" repeat="no-repeat" color="black"}