Those CSS snippets can be used to style or add emojis to your latest projects and websites. Using the only css. Very easy code for creating. Implement on your website.

This tutorial is done by Mirko. The previous tutorial is how you create Pure CSS Typing Animation Effects.

HTML

<div id="smileWrapper"> <div class="smileContainer"> <div class="smileBack"> <div class="smileFace"> <div class="smileMouth"> <div class="mouthTeeth"></div> <div class="mouthCover"></div> <div class="tongue"></div> </div> </div> <div class="eyeL"> <div class="innerEye"></div> </div> <div class="eyeR"> <div class="innerEye"></div> </div> </div> </div> <div class="smileContainer"> <div class="smileBack"> <div class="smileFace"></div> <div class="eyeL"> <div class="innerEye"></div> </div> <div class="eyeR"> <div class="innerEye"></div> </div> <div class="noWordsMouth"></div> </div> </div> <div class="smileContainer"> <div class="smileBack"> <div class="smileFace"></div> <div class="eyeL"> <div class="innerEye"></div> </div> <div class="eyeR"> <div class="innerEye"></div> </div> <div class="sadMouth"> <div class="sadMouthCover"></div> </div> </div> </div> </div>

CSS