MARP in action

Starting

This is how things works

1. you have the page props

---
marp: true
theme: gaia
---

& there are more options

The typography - 1

Note: Marp dose not support html allow html tags by default except <br> tag.

The typography - 2

Headings: replace # with ## to ###### for h1 to h6

## This is head 1 ( max size )
### This is head 2

rendered as

This is head 1 ( max size )

This is head 2

The Images

![image props](url)

A rather unscalled image

The image scale

![w:150 h:150](url)

Size in action ( 1 to 146 )

The Images - 2

Marp has some props to control images

Image filters

You can apply CSS filters to image through markdown image syntax. Include <filter-name>(:<param>(,<param>...)) to the alternate text of image.

Image filters

All effects in action ( in order )

Image background

![bg](url)

This how you can set an image as a background for one slide

Background props

Multiple backgrounds

This is how you can set multiple backgrounds for one slide
just add more images with bg keyword

![bg](url)
![bg](url)
![bg](url)

Split backgrounds

![bg left](url)

format: ![bg <position>](url) and the position can be left or right

split backgrounds - 2

format: ![bg <position>:<size>](url) and the size can be x%

example:

![bg right:20%](url)