So how to implement this?
- Add this text in Page > Custom Styles (read more in help section)
- Add a HTML Element and include this HTML. JUST REPLACE text with what you want to show!
- That is IT!
- Tweak and enjoy your creation, and let's talk on Facebook!
Convertri is
Wondering how to add TypeWriter effect to you Sales pages?
Introducing: Type-writer Text Effect in Convertri!
.ct_type{display:inline-block;vertical-align:bottom}.ct_type>span{display:grid;overflow:hidden;height:1.2em}.ct_type span span{width:0%;max-width:max-content;overflow:hidden;height:inherit;word-break:break-all;animation:.5s steps(1) infinite c,2s linear infinite alternate t,12s steps(3) infinite m}.ct_type span span:before{content:" ";display:inline-block}@keyframes t{100%,90%{width:100%}}@keyframes c{0%,100%{box-shadow:5px 0 0 #0000}50%{box-shadow:5px 0 0 red}}@keyframes m{100%{transform:translateY(-300%)}}
<!-- change font size and update the blue text -->
<span style="font-size:36px;">
<span class="ct_type">
<span>
<!-- Now in these span elements just enter the text that should be circled -->
<span>the best Page Designer!</span>
<span>fastest Funnel Designer!</span>
<span>best with Convertricks!</span>
</span>
</span>
</span>
To learn how this can be implemented, please revisit this page on a computer. That is the only you will have access to Convertri. :)
Here's a simple method to WOW your clients with this nifty new code!
FOR SCRIPT, CODE, ETC & TO CREATE YOUR OWN DESIGN, PLEASE ALWAYS CHECK THIS PAGE ON DESKTOP.
