css3 transform 变形

在css3中,用transform可以实现文字或图像的旋转、缩放、倾斜和移动,并且该元素下的所有子元素,随着父元素一样转、缩放、倾斜和移动。

transform属性

transform的属性包括:rotate()、skew()、scale()、translate(),分别有x、y两个参数,比如rotatex()和rotatey()。
未完,继续阅读

css3 transition 动画基础

transition是css3中新添加的特性,在W3C标准中是这样描述的:“css的transition允许css的属性值在一定的时间内从一个状态平滑的过渡到另一个状态。这种状态可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并平滑的以动画效果改变css的属性值。”
未完,继续阅读

jQuery Confirm 确认提示框插件

jQuery Confirm是一个用于显示confirm确认提示消息的jquery插件,该插件在使用的时候不需要添加改变原有代码逻辑,只需要在待确认的节点上调用conform,如$(element).confirm(),另外该插件不需要回调方法。

相比传统的confirm方法,该插件使用上方便许多。而且在用户体验上更为友好。
未完,继续阅读

用ps设计时尚进度条

看到一篇《css3时尚进度条的设计》的文章,很是喜欢,准备好好研究一下,不过本文我先用photoshop把它设计出来,大家一块分享,非常简单。css3时尚进度条

这个在ps里面实现比较简单,但想用css来实现,实在是非常的复杂,里面涉及到很多新样式的应用,希望在下节中可以好好和大家一块学习。
未完,继续阅读

css3制作斜纹背景二:webkit内核

在前面的文章(《css3制作斜纹背景(一)》)里面讲到了以mozilla为内核的浏览器斜纹背景的写法,本文主要讲以webkit为内核的浏览器下斜纹背景的写法。基础知识可参考《css3实现背景颜色线性渐变》和《css3控制背景图大小background-size》。
未完,继续阅读

明天我要结婚了

明天要结婚了,一直忙到现在,晕头转向的。找了婚庆,找了酒店,终于在此时此刻把事情办的差不多了,不知道明天会不会又发现还有什么事情没处理好,最大的感觉就是缺乏经验呀(哇哈哈,这个经验真不能有啊)。总得来说,这种忙也是值得了,毕竟等了二十几年,终于把自己嫁出去了,我那可怜的老公就悲惨了,得了婚前恐惧症,还痛心的说:“我明天也要结婚了,这辈子就算是完了”。我建议他今晚去开个单身派对,以告别他自由的个人世界,从此将由我来主宰,哈哈哈!

css3控制背景图大小background-size

background-size是css3提供的一个新特性,它可以让你随心所欲的控制背景图片的大小。

background-size的类型

background-size需要两个值,它的类型可以是像素(px)、百分比(%)或是auto,还可以是cover和contain。第一个值为背景图的width,另外一个值用于指定背景图上的height,如果只设定1个值,则第2个默认为auto,但当值为cover和contain时除外。
未完,继续阅读

为rel=external添加上target=”_blank”,实现在新窗口打开链接

如果需要在新窗口中打开链接,我们使用的方法是在a上加上taget=“_blank”,但这是不符合w3c的规范,在使用严格的DOCTYPE(xhtml1-strict.dtd)校验时,会提示“there is no attribute target for this element(in this HTML version)”的错误信息。

所以很多老外写的东西基本上就不会出现taget=“_blank”,就比如我现在使用的这个wordpress自带主题一样,他们替换的方案是使用HTML4.0新增的标签rel来表示,rel是用来表明链接和包含此链接页面的关系,以及链接打开的目标。rel有许多的属性值,比如next、previous,、chapter、section等等,还有我们用来拒绝搜索引擎蜘蛛向下爬行的nofollow(这一点很重要,在wordpress中,几乎所有的评论中的用户名的链接都是加了rel=nofollow的,所以想通过在博客中添加评论来增加外链都是徒劳的)。而我们现在要使用的就是rel=”external”属性,用来表示链接将在新窗口中打开。当然,这只是符合strict标准的方法,而并没有真正实现在新窗口开打链接,还需要javasscript的支持。
未完,继续阅读