标签归档:HTML5表情

SVG结合CSS3实现的一套动画表情

很早以前我们为分享过一款很可爱的青蛙表情集合,大家的反应都还不错。这次我们要分享的是另外一种表情动画实现方式,就是通过SVG结合CSS3的方式来实现一套动画表情,利用SVG的路径功能绘制表情,然后通过CSS3来让表情产生动画效果。

svg-css3-face

在线演示源码下载

HTML5 Emoji自定义表情编辑器

Emoji表情在网页中使用十分广泛,它由一些简单的字符组成许多表情,例如笑脸、蛋糕等。今天我们要介绍一个基于HTML5和CSS3的Emoji自定义表情编辑器,初始默认是一个人脸,你可以在编辑器中为该人脸表情添加和改变各种面部表情,例如带上帽子,噘嘴等,甚至可以将其他任意Emoji表情添加上去,用起来非常不错。但是如果可以将编辑好的表情导出就更加完美了。

html5-emoji-editor

在线演示源码下载