Shawn He

icon fonts if IE photoshop PS 响应式 Tools Designer design Font 前端设计师 blog hello Shawn jQuery html color PSD demo html5 css css3
Design:Shawn
HTML/CSS:Shawn
©2012 ShawnHe.Com

CSS3 transform属性的实例

Css代码:

<style type=”text/css”>

.box{width:100%;float:left;}

a{display:block;width:100px;height:30px;background:#fcfcfc;border:solid 1px #ccc;margin:20px auto;text-align:center;border-radius:5px;line-height:30px;}

.ts:hover{-moz-transform:translate(10px);}

.big{-moz-transform:scale(1)}

.big:hover{-moz-transform:scale(3) }/*放大*/

.rotage:hover{-moz-transform:rotate(45deg)}/*旋转*/

</style>

html结构:

<div>

<a>移动</a>

<a>放大</a>

<a>旋转</a>

</div>

 

加拿大吃喝玩乐网 http://www.567ca.com
Posted in My Life | 评论关闭

25个很酷CSS3效果欣赏

虽然在国内使用CSS3距离还是有些远,但是我们也要学习这些新技术,今天为大家分享一些很cool的CSS3特效案例,有些带教程,很值得学习的。从这些案例可以看出CSS3为设计师和前端人员减少了很多很多的代码,所以作为一个专业的网页设计师或是前端人员都应该了解和学习它们。

CSS3 Tool Tips 提示动画

2012收集的CSS3特效案例 Continue reading

Posted in Show Case | Tagged , , | 评论关闭

25个新鲜的CSS3和jQuery教程

随着CSS3的流行,现在已经很多利用CSS3制作的网站,因为使用CSS3可以简化很多代码,而且效果很好,如果利用CSS3再加点jQuery上去,哪么就能实现很弦更实用的特效了,今天为大家分享一些是比较新的jQuery特效,可能有些你已经见过,但大部分都是很有新鲜感哦!下面来学习下CSS3和jQuery特效教程

用jmpress.js制作的幻灯片

Continue reading

Posted in Show Case | Tagged , , , | 评论关闭

ShawnHe.Com个人网站上线使用.

经过一番折腾,这个shawnhe.com完成了,整合博客系统,大家可以在这里与我交流。欢迎各位捧场。

Posted in My Life | Tagged , , | 评论关闭