Options

Configuration

You can add a background
to individual slides by adding the
data-trianglify
attribute to the slide section

							<section data-trianglify data-trianglify-xColors="BrBG">
								...
							</section>
						

You can add a common background
for all the slides in the presentation

							Reveal.initialize({
								trianglify: {
									cellSize: 75,
									xColors: 'random',
									variance: 0.75
								},
							});
						

Or you can set defaults used by slide
backgrounds and hide the common
background using the option
displayAsTheme: false

							Reveal.initialize({
								trianglify: {
									cellSize: 140,
									variance: 0.5,
									displayAsTheme: false
								},
							});
						

Colors

Choose from a range of color presets, a random preset, or specify a custom color profile

Presets

Presets

Presets

Presets

Cell size

You can change the size of the triangles

Default: 75

More examples

Cell size: 30

Cell size: 120

Cell size: 240

Cell size: 480

Variance

You can change the randomness used
when generating triangles

Default: 0.75

More examples

Variance: 1.0

Variance: 0.5

Variance: 0.25

Variance: 0.0