今天我们要来分享一款基于纯CSS3的自定义边框应用，看上去它像一个Tooltip控件，因为下边框有一个小三角，就像很多地方的引用文本框一样。另外这款CSS3边框是涂鸦风格的，看起来很有个性。用CSS3实现自定义边框的好处是可以自适应边框内部的文字数量大小。你也可以在这里查看在线演示下面我们来分享一下...
分类：
Web程序 时间：
2014-08-11 09:52:12
阅读次数：
226
一、写在前面的话最近想多了解一下CSS3的transform 3D效果，transform：英文直译就是转换，它可以实现旋转、缩放、位移等效果，听起来有没有觉得很酷的样子，狠狠的点这里来看看旋转和位移的效果。你应该会看到这样的效果：纳尼？这是3D？怎么一点也不酷呢？二、让3D效果显示出来看不到3D效...
分类：
Web程序 时间：
2014-08-10 21:27:40
阅读次数：
1065
渐变一、CSS3的径向渐变效果图网址：http://www.spritecow.com 图像拼接技术CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。html代码：1 Hold the front page2 Now you get...
分类：
Web程序 时间：
2014-08-09 13:26:17
阅读次数：
358
webkit的私有属性：{-webkit-text-size-adjust:none;}但是，在最新版的谷歌里。已经不在支持这个属性啦。用css3的transform:scale()缩放大小，但是缩放的宽度是不会改变的。所以额外加了个span标签， 又用了另外的 专门给chrome的样式@media...
分类：
其他好文 时间：
2014-08-08 20:46:56
阅读次数：
273
1.前言。 ie6,7,8支持html5，看起来比较难，其实有一种方法很通用，就是引入js和css,这种可插拔的引入对开发很有帮助。比如,下面是一个让网页支持canvas和css3的例子。2.例子。下面是一个在canvas画布中显示一个红球的例子的html.Java代码fewfwe这个例子在ie8不...
分类：
Web程序 时间：
2014-08-08 15:12:26
阅读次数：
210
transition是将某个属性从一个属性值在指定的时间内平滑过渡到另一个属性值来实现动画效果.这个属性一般搭配:hover来使下面看一个例子:鼠标放在div上,0.2s后将div元素的背景色用一秒的时间变成黄色,变化方式是linear1 div{ background-color:red; tra...
分类：
Web程序 时间：
2014-08-08 12:04:05
阅读次数：
224
基于jquery的validationEngine表单验证插件，根据官网提示，该插件支持IE6-8，Chrome浏览器，火狐，Safari，Opera 10，但由于有使用到了css3的阴影和圆角样式，所以在IE浏览器下无法看到圆角和阴影效果(IE 9 支持圆角效果)，整体来说还是不错的。1.默认校验...
分类：
其他好文 时间：
2014-08-07 23:01:45
阅读次数：
622
CSS是一种用于屏幕上渲染html，xml等一种语言，CSS主要是在相应的元素中应用样式，来渲染相对应用的元素，那么这样我们选择相应的元素就很重要了，如何选择对应的元素，此时就需要我们所说的选择器。选择器主要是用来确定html的树形结构中的DOM元素节点。CSS3的常用选择器有：下面举几个例子来说明...
分类：
Web程序 时间：
2014-08-06 22:16:12
阅读次数：
454
CSS实现圆角,阴影,透明的方法很多,传统的方法都比较复杂,用CSS3就方便很多了,虽然现在各浏览器对CSS3的支持还不是很好,但不久的将来CSS3就会普及.1.圆角CSS3实现圆角有两种方法.第一种是背景图像,传统的CSS每个元素只能有一个背景图像,但是CSS3可以允许一个元素有多个背景图像.这样...
分类：
Web程序 时间：
2014-08-06 18:38:01
阅读次数：
247
Document源文地址：http://www.zhangxinxu.com/wordpress/?p=783
分类：
Web程序 时间：
2014-08-05 18:10:29
阅读次数：
169
