Comment créer des bulles de chat comme facebook Messenger

Comment créer des bulles de chat comme facebook Messenger

Comment puis-je créer des bulles de chat comme ça. Plus spécifiquement, comment en groupe de deux ou plusieurs messages consécutifs par un type d'utilisateur dans une bulle comme un tout. Par exemple POUR L'EXPÉDITEUR - le premier message a droite de la bordure inférieure de 0, les messages entre les avez en haut à droite,en bas à 0 rayon des frontières et le dernier en haut à droite de 0 rayon des frontières . Dois-je utiliser javascript ou peut-il être fait à l'aide de css.

Structure HTML ca

<ul>
 <li class="him">By Other User</li>
 <li class="me">By this User, first message</li>
 <li class="me">By this User, secondmessage</li>
 <li class="me">By this User, third message</li>
 <li class="me">By this User, fourth message</li>
</ul>

Quel type de classe css/styles dois-je utiliser?

voulais juste vérifier, êtes-vous en mesure d'accepter ma réponse?

OriginalL'auteur Raj Sharma | 2017-02-15