昨天写代码时,偶然想到了如果我们把css3属性放在animate中,指定时间。能否实现动画呢。举个例子吧: 如上代码,box会在一秒种从0deg旋转到90deg吗?答案是否定的。 于是我查了下jquery的手册,发现animate的第一参数中确实不能放css3的属性。于是乎怎么办呢?我在st...
分类:
Web程序 时间:
2015-03-21 11:14:50
阅读次数:
131
基于css3实现的环形动态加载条,也用到了jquery。当时的想法是通过两个半圆的转动,来实现相应的效果,其实用css3的animation也可以实现这种效果。之所以用jquery是因为通过jquery可以在网站中动态改变加载的百分比。同时,用如果单纯用css3的animation的话扩展性太差.....
分类:
Web程序 时间:
2015-03-21 11:14:09
阅读次数:
204
这是一款基于CSS3的手机端侧滑菜单,一共有4种侧滑动画特效。这款CSS3菜单的特点是鼠标划过时即可以各种动画方式展开和隐藏菜单项,该动画方式由CSS3中的transition-delay属性来完成,具体效果大家可以看演示。原味地址:http://www.xuecss3.com/htmlcss-8-...
分类:
移动开发 时间:
2015-03-21 01:06:14
阅读次数:
181
什么是calc()?
calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,用来指定元素的长度。比如说,你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。calc()最大的好处就是用在流体布局上,可以通过calc()计算得到元素的宽度。
calc()能做什么?
calc()能让你给元素的做计算...
分类:
Web程序 时间:
2015-03-19 13:20:31
阅读次数:
195
今天在网上学习的时候看到一个文章,感觉以后可能会用到,所以就COPY了过来,以便以后可以查阅,感谢 MaCheng的分享,原文地址:http://blog.mc-zone.me/article/370在 CSS3 的border-radius上能遇到很多坑。有关 Android 移动端各种兼容就不说...
分类:
Web程序 时间:
2015-03-19 10:01:49
阅读次数:
481
CSS3 Box-sizing作者:大漠日期:2011-06-18点击:7860background-sizingcss3属性详解box-sizing是CSS3的box属性之一。一说到CSS的盒模型(Box model)我想很多人都会比较烦,特别是对于新手,然而这个Box model又是我们CSS运...
分类:
Web程序 时间:
2015-03-18 17:30:12
阅读次数:
199
这是一款效果非常逼真的jQuery和CSS3超逼真的图片放大镜特效。该图片放大镜特效使用CSS3的box-shadow和border-radius实现来制作放大镜的样式,使用jQuery来获取当前鼠标的坐标系,并修改当前坐标系的背景图像。
在线演示:
下载地址:http://www.htmleaf.com/jQuery/Image-Effects/201503171533.html...
分类:
Web程序 时间:
2015-03-18 14:08:25
阅读次数:
199
众所周知,随着移动端高速发展,对于前端开发人员来说,HTML5+CSS3的地位越发的举足轻重了。其中的响应式设计也真正的流行起来。可能此时小码哥写这篇文章来说,也已经有些晚了,但,鄙人的目的是方便自己以后翻阅的,当然,也希望能对看到该文章的人有所帮助。什么是响应式设..
分类:
其他好文 时间:
2015-03-17 18:20:37
阅读次数:
179
纯CSS绘制三角形(各种角度)CSS三角形绘制方法,学会了这个,其它的也就简单。我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。今天给大家带来 CS...
分类:
Web程序 时间:
2015-03-16 16:05:56
阅读次数:
150
calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,用来指定元素的长度。这个函数能让你执行简单的算术计算,例如计算元素的长宽,免去了你写不易维护的Javascript代码。这个函数支持所有简单的基本算术运算,包括加减乘除。表达式中有“+”和“-”时,其前后必须要有空格,如...
分类:
Web程序 时间:
2015-03-14 09:31:26
阅读次数:
137