Get new jQuery plugins just once a week



October 14, 2013

Emoticons | An emoticon implementation in pure CSS and JavaScript

Emoticons is a simple jQuery plugin that allows you to turn any text emoticons on the page into cute little smiling faces with pure CSS3 styling (no images whatsoever).

The result is great-looking emoticons that leave the text exactly as written (so that the text emotion icons actually get copied and pasted with the text if you select a block of text from the page). This uses the CSS3 properties, transform, border-radius, box-shadow, gradient, and transition (when supported).

Because the pure-CSS emoticon stylesheet uses CSS3 properties such as border-radius and transform, it is supported by FireFox, Chrome, Safari, and Opera. They also work (animations and all) on the iPhone and Android phone browsers. In Internet Explorer, they will simply appear as the original textual emoti-cons.

Created by Steve Schwartz



Emoticons jquery plugin



Related posts:

Sequence Js
Emoticons jquery plugin

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever
Couple Gift Ideas