Effect of random words

Asked

Viewed 271 times

1

Personal I am wanting an information I am behind an effect whose name I do not know I am trying to search the internet however I do not know the name gets very difficult and on top of that I do not have a reference so I will explain what is more or less would be this :

I have a word and from it others form an example that I saw was something so there was the word and the letters started to fall one by one and new letters were appearing forming another word that is probably done with Jquery but I am searching and I can not find why not know what the name of this effect I don’t know if some API or something similar could help me.

  • 1

    Type the email services that when you type an email that already exists it suggests others from the one you tried?

  • I believe that’s not exactly what you’re looking for, but I thought it was pretty cool... http://tympanus.net/Development/SlidingLetters/#

  • not this would enter the concept of autocomplete and an effect that keeps repeating endless veses type in the code put N words and they will alternating between them I know that there are various effects to make this transition just do not know how to search

1 answer

3


Forming new text, that is to say? Maybe you’re talking about this. It is a jQuery plugin that transitions between sentences, just put height in the element that contains the text:

var list = ['Textualizer is a jQuery plug-in that allows you to transition through blurbs of text. Just like this...'
          , 'When transitioning to a new blurb, any character that is common to the next blurb is kept on the screen, and moved to its new position.'
          , 'Textualize: verb - to put into text, set down as concrete and unchanging.  Use Textualizer to transition through blurbs of text.'
          , 'Blurb: noun - a short summary or some words of praise accompanying a creative work.  A promotional description.'];

var txt = $('#txtlzr');

txt.textualizer(list, { duration: 3000 });
txt.textualizer('start');
#txtlzr {
  font-size: 2em;
  height: 300px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://rawgithub.com/krisk/textualizer/master/textualizer.min.js"></script>

<div id="txtlzr"></div>

Browser other questions tagged

You are not signed in. Login or sign up in order to post.