css3时尚进度条

用css3的border-radius、box-shadow、transition、-moz-linear-gradient、-webkit-gradient等样式完成一个时尚进度条,不知道你信不信,不过我信了。

我在上一篇《用ps设计时尚进度条》和大家分享一下我用ps设计它的效果图,在今天这一篇里将和大家一块学习用css实现它。
未完,继续阅读

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时除外。
未完,继续阅读