Tab Animations | Divi Tabs Maker Demo

Tab Animations

NOTE: All animations are set to 500ms duration, but this can be changed in the setting. Some may look better at other speeds.

None

Prev

1
2
3
4

Next

Tab 1 Title
Tab 2 Title
Tab 3 Title
Tab 4 Title

1

2

3

4

Fade

Prev

1
2
3
4

Next

Tab 1 Title
Tab 2 Title
Tab 3 Title
Tab 4 Title

1

2

3

4

Slide Right Bottom Border

Prev

1
2
3
4

Next

Tab 1 Title
Tab 2 Title
Tab 3 Title
Tab 4 Title

1

2

3

4

Slide Left Bottom Border

Prev

1
2
3
4

Next

Tab 1 Title
Tab 2 Title
Tab 3 Title
Tab 4 Title

1

2

3

4

Slide Right Top Border

Prev

1
2
3
4

Next

Tab 1 Title
Tab 2 Title
Tab 3 Title
Tab 4 Title

1

2

3

4

Slide Left Top Border

Prev

1
2
3
4

Next

Tab 1 Title
Tab 2 Title
Tab 3 Title
Tab 4 Title

1

2

3

4

Slide Up Bottom Border

Prev

1
2
3
4

Next

Tab 1 Title
Tab 2 Title
Tab 3 Title
Tab 4 Title

1

2

3

4

Slide Down Top Border

Prev

1
2
3
4

Next

Tab 1 Title
Tab 2 Title
Tab 3 Title
Tab 4 Title

1

2

3

4

Slide Up Background

Prev

1
2
3
4

Next

Tab 1 Title
Tab 2 Title
Tab 3 Title
Tab 4 Title

1

2

3

4

Slide Down Background

Prev

1
2
3
4

Next

Tab 1 Title
Tab 2 Title
Tab 3 Title
Tab 4 Title

1

2

3

4

Slide Right Background

Prev

1
2
3
4

Next

Tab 1 Title
Tab 2 Title
Tab 3 Title
Tab 4 Title

1

2

3

4

Slide Left Background

Prev

1
2
3
4

Next

Tab 1 Title
Tab 2 Title
Tab 3 Title
Tab 4 Title

1

2

3

4

Vertical Flip Background

Prev

1
2
3
4

Next

Tab 1 Title
Tab 2 Title
Tab 3 Title
Tab 4 Title

1

2

3

4

Horizontal Flip Background

Prev

1
2
3
4

Next

Tab 1 Title
Tab 2 Title
Tab 3 Title
Tab 4 Title

1

2

3

4

Zoom In Background

Prev

1
2
3
4

Next

Tab 1 Title
Tab 2 Title
Tab 3 Title
Tab 4 Title

1

2

3

4