堂主 - WEB前端开发

专注于互联网 | WEB前端开发 | 以用户为中心的体验 | 家是圆心 | Code is art !

用CSS3画了一个自己的印章

Tags : 作品   CSS3     3 comments

下午用CSS3画了一个自己的印章,觉得很有意思,技术上没什么难度,就是一大堆的变换+定位,这东西主要还是考验人的耐心。

线上地址:http://www.osmn00.com/demo/css3-yinzhang/logo-demo.html

原版的印章如下(扫描+PS重新填色版,也就是我博客模板LOGO处的那个印章)

CSS3制作的印章如下,在非IE浏览器里都能很好的显示

但在IE里,就成这样子了:

这个效果CSS3可以做,另外采用HTML5的Canvas API也可以用脚本进行绘制,而且会简单轻松得多,可扩展性也强。简单点的应用可以用这个API做个“插件”给博客文章里的每个图片添加一个水印。只是这个水印是不直接印在图片里的,而是在图片之上 : p 

 

参与讨论

*

*