Get new jQuery plugins just once a week

×

Emoticons

FavoriteLoadingAdd to favorites

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

Download

Example

Emoticons jquery plugin

css3

Emoticons

Related posts:

Animate.css
FoldScroll
zoetrope
Emoticons jquery plugin

http://jquer.in/wp-content/uploads/2013/10/Emoticons.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever