Word Rotator

Word Rotator Shortcodes

Check out all the word rotator options.


Default

Porto is
incredibly especially extremely
beautiful.

Porto is
incredibly especially extremely
beautiful.

Porto is
incredibly especially extremely
beautiful.

Porto is
incredibly especially extremely
beautiful.

Porto is
incredibly especially extremely
beautiful.
Porto is
incredibly especially extremely
beautiful.

HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<h1 class="mb-sm word-rotator-title">
    Porto is
    <strong class="inverted">
        <div class="word-rotate" data-plugin-options="{'delay': 2000, 'animDelay': 300}">
            <div class="word-rotate-items">
                <span>incredibly</span>
                <span>especially</span>
                <span>extremely</span>
            </div>
        </div>
    </strong>
    beautiful.
</h1>
<h2 class="mb-sm word-rotator-title">
    Porto is
    <strong class="inverted">
        <div class="word-rotate" data-plugin-options="{'delay': 2000, 'animDelay': 300}">
            <div class="word-rotate-items">
                <span>incredibly</span>
                <span>especially</span>
                <span>extremely</span>
            </div>
        </div>
    </strong>
    beautiful.
</h2>
<h3 class="mb-sm word-rotator-title">
    Porto is
    <strong class="inverted">
        <div class="word-rotate" data-plugin-options="{'delay': 2000, 'animDelay': 300}">
            <div class="word-rotate-items">
                <span>incredibly</span>
                <span>especially</span>
                <span>extremely</span>
            </div>
        </div>
    </strong>
    beautiful.
</h3>
<h4 class="mb-sm word-rotator-title">
    Porto is
    <strong class="inverted">
        <div class="word-rotate" data-plugin-options="{'delay': 2000, 'animDelay': 300}">
            <div class="word-rotate-items">
                <span>incredibly</span>
                <span>especially</span>
                <span>extremely</span>
            </div>
        </div>
    </strong>
    beautiful.
</h4>
<h5 class="mb-sm word-rotator-title">
    Porto is
    <strong class="inverted">
        <div class="word-rotate" data-plugin-options="{'delay': 2000, 'animDelay': 300}">
            <div class="word-rotate-items">
                <span>incredibly</span>
                <span>especially</span>
                <span>extremely</span>
            </div>
        </div>
    </strong>
    beautiful.
</h5>
<h6 class="mb-sm word-rotator-title">
    Porto is
    <strong class="inverted">
        <div class="word-rotate" data-plugin-options="{'delay': 2000, 'animDelay': 300}">
            <div class="word-rotate-items">
                <span>incredibly</span>
                <span>especially</span>
                <span>extremely</span>
            </div>
        </div>
    </strong>
    beautiful.
</h6>

Porto is
incredibly especially extremely
beautiful.

Porto is
incredibly especially extremely
beautiful.

Porto is
incredibly especially extremely
beautiful.

Porto is
incredibly especially extremely
beautiful.

Porto is
incredibly especially extremely
beautiful.
Porto is
incredibly especially extremely
beautiful.

HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<h1 class="mb-sm word-rotator-title">
    Porto is
    <span data-plugin-options="{'delay': 2000, 'animDelay': 300}" class="word-rotate-items">
        incredibly
        especially
        extremely
    </span>
    beautiful.
</h1>
<h2 class="mb-sm word-rotator-title">
    Porto is
    <span data-plugin-options="{'delay': 2000, 'animDelay': 300}" class="word-rotate-items">
        incredibly
        especially
        extremely
    </span>
    beautiful.
</h2>
<h3 class="mb-sm word-rotator-title">
    Porto is
    <span data-plugin-options="{'delay': 2000, 'animDelay': 300}" class="word-rotate-items">
        incredibly
        especially
        extremely
    </span>
    beautiful.
</h3>
<h4 class="mb-sm word-rotator-title">
    Porto is
    <span data-plugin-options="{'delay': 2000, 'animDelay': 300}" class="word-rotate-items">
        incredibly
        especially
        extremely
    </span>
    beautiful.
</h4>
<h5 class="mb-sm word-rotator-title">
    Porto is
    <span data-plugin-options="{'delay': 2000, 'animDelay': 300}" class="word-rotate-items">
        incredibly
        especially
        extremely
    </span>
    beautiful.
</h5>
<h6 class="mb-sm word-rotator-title">
    Porto is
    <span data-plugin-options="{'delay': 2000, 'animDelay': 300}" class="word-rotate-items">
        incredibly
        especially
        extremely
    </span>
    beautiful.
</h6>

Colors

Porto is
incredibly especially extremely
beautiful.

Porto is
incredibly especially extremely
beautiful.

Porto is
incredibly especially extremely
beautiful.

Porto is
incredibly especially extremely
beautiful.

HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<h2 class="mb-sm word-rotator-title">
    Porto is
    <strong class="inverted inverted-primary">
        <div class="word-rotate" data-plugin-options='{"delay": 2000, "animDelay": 300}'>
            <div class="word-rotate-items">
                <span>incredibly</span>
                <span>especially</span>
                <span>extremely</span>
            </div>
        </div>
    </strong>
    beautiful.
</h2>
<h2 class="mb-sm word-rotator-title">
    Porto is
    <strong class="inverted inverted-secondary">
        <div class="word-rotate" data-plugin-options='{"delay": 2000, "animDelay": 300}'>
            <div class="word-rotate-items">
                <span>incredibly</span>
                <span>especially</span>
                <span>extremely</span>
            </div>
        </div>
    </strong>
    beautiful.
</h2>
<h2 class="mb-sm word-rotator-title">
    Porto is
    <strong class="inverted inverted-tertiary">
        <div class="word-rotate" data-plugin-options='{"delay": 2000, "animDelay": 300}'>
            <div class="word-rotate-items">
                <span>incredibly</span>
                <span>especially</span>
                <span>extremely</span>
            </div>
        </div>
    </strong>
    beautiful.
</h2>
<h2 class="mb-sm word-rotator-title">
    Porto is
    <strong class="inverted inverted-quaternary">
        <div class="word-rotate" data-plugin-options='{"delay": 2000, "animDelay": 300}'>
            <div class="word-rotate-items">
                <span>incredibly</span>
                <span>especially</span>
                <span>extremely</span>
            </div>
        </div>
    </strong>
    beautiful.
</h2>