今天我们要来分享一款基于纯CSS3的自定义边框应用，看上去它像一个Tooltip控件，因为下边框有一个小三角，就像很多地方的引用文本框一样。另外这款CSS3边框是涂鸦风格的，看起来很有个性。用CSS3实现自定义边框的好处是可以自适应边框内部的文字数量大小。下面我们来分享一下实现的方法，主要由HTML...
分类：
Web程序 时间：
2016-01-13 09:16:43
阅读次数：
142
transition属性是一个很强大的3d动画属性，我动手试了一下，很多在网上很火的网页动画都可以用这个属性实现，只能说这个属性是在是太强大啦，本人在学习次属性之后才知道自己对css3的认识还是偏少，现在我给大家介绍并实际实现下该属性。 transition字面意思是变迁、变换、过度的...
分类：
Web程序 时间：
2016-01-12 11:30:37
阅读次数：
189
作者：^_^肥仔John 来源：CSS3魔法堂：CSS3滤镜及Canvas、SVG和IE滤镜替代方案详解IE特有的滤镜常常作为CSS3各种新特性的降级处理补充，而Adobe转向HTML5后与Chrome合作推出CSS3的Filter特性，因此当前仅Webkit内核的浏览器支持CSS3 Filter....
分类：
Web程序 时间：
2016-01-10 15:36:59
阅读次数：
242
css3实现图片旋转效果近期实现一个消息提醒(醒目)的需求页面.想到了css3的旋转动画,故使用。===============鼠标悬浮时候，图片可以旋转，放大rotate(360deg) scale(1.3);如需翻转，添加translate(50%, 50%)即可。为了减少html结构，使用了:...
分类：
Web程序 时间：
2016-01-10 14:17:42
阅读次数：
665
1.介绍因项目中上传作品和web相册都需要上传,都需要用到进度条,进度条的实现可以用Falsh，图片，javascript，但这里我是在移动端使用,所以重点介绍css3的实现方法。2.代码展示/*外层box*/ .progress_box{ height: 10px;...
分类：
移动开发 时间：
2016-01-09 21:39:30
阅读次数：
219
Animation:动画animationshi css的动画效果。需要定义keyframe动画对象来实现。为了兼容苹果/chrome，firefox,ie每次定义需要添加-webkit-,-moz-和keyframe注：在苹果浏览器中，如果遇到-webkit-transform属性失效的时候，请把...
分类：
Web程序 时间：
2016-01-09 08:37:45
阅读次数：
204
css3出来已经很久了，现在来谈判断浏览器是否支持某个css3的属性虽说有点过时了，但是还是可以谈谈的，然后，此篇主要谈的不是判断是否支持，而是怎么封装更好，为什么这么封装，欢迎吐槽。入题，判断浏览器是否支持css3 transition，方法很简单，只需要下面这句代码就行了：'transition...
分类：
Web程序 时间：
2016-01-08 18:43:14
阅读次数：
242
最近做的是微信的二次开发，因为是第一次做所以有很多东西要记下来，免得下次在做移动端的时候再经历那么多的坑。 移动端的动画不要使用jq写，jq mobile好像也是不行。 我们的项目最后是使用的css3的动画做成的，（animated.css）。用zepto好像也是一个不错的选择。 移动页面...
分类：
移动开发 时间：
2016-01-08 11:41:26
阅读次数：
226
1、css3 渐变的属性例子：#grad { background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(red, blue); /* Opera 11.....
分类：
Web程序 时间：
2016-01-06 17:51:45
阅读次数：
130
css3实现的将页面倾斜一定的角度:利用CSS3可以轻松实现将页面倾斜一定的角度，下面就是实例代码。蚂蚁部落蚂蚁部落欢迎您上面代码实现了我们的要求，只要对transform属性比较属性，那实现起来就没有任何问题。原文地址是:http://www.softwhy.com/forum.php?mod=v...
分类：
Web程序 时间：
2016-01-05 15:16:12
阅读次数：
142
