DIV箭头用于表现DIV内容的指向,是使用非常普遍的一种表现形式,例如新浪微博的消息转发:还有傲游网站的导航条:像傲游账户上方这种箭头更需要多幅图片以表现箭头和hover的效果。传统的实现方式都需要一副表示箭头的图片放在DIV上方来实现,例如新浪微博的相关CSS如下:而使用CSS3的特性,我们不需要...
分类:
Web程序 时间:
2015-04-13 18:26:21
阅读次数:
202
前些日子,用百度的时候发现了一个tips效果,感觉不错,就手残的按了F12,看了一下实现过程,刚开始的时候发现很神奇,即没使用图片,也没使用“◇”符号,当然也没有css3的元素。先看下效果:查看并不停的尝试,终于知道怎么实现的了首先是最重要的实现部分:.arrows {
position:absolute;
display:block;
width:0;
height...
分类:
其他好文 时间:
2015-04-13 14:42:57
阅读次数:
153
前段时间有位同事分享了一个网站,里边是一些css3特效,看着挺好,分享一下:【http://daneden.github.io/animate.css/ 】所有的特效都集中在一个css层叠样式表中,可以自行下载【https://raw.github.com/daneden/animate.css/m...
分类:
Web程序 时间:
2015-04-13 12:44:55
阅读次数:
153
CSS3圆角圆边样式,支持各大版本浏览器,包括支持IE6-IE9浏览器的圆边圆角。本文我们主要是讲解如果用CSS 3样式表来实现圆角效果,值得注意的是,IE6/7/8这三个IE浏览器版本都不支持CSS3的解析,只有还不太主流的IE 9支持CSS 3和HTML 5的标准。让IE支持CSS 3的解析方法...
分类:
Web程序 时间:
2015-04-13 12:21:15
阅读次数:
126
旋转一个元素算是一个比较常见的需求了吧,在支持CSS3的浏览器中可以使用transform很容易地实现,这里有介绍:http://www.css88.com/archives/2168,这里有演示http://www.css88.com/tool/css3Preview/Transform.html...
分类:
其他好文 时间:
2015-04-12 22:28:31
阅读次数:
194
随着HTML5 CSS3的出现和发展,使得我们的网页可以实现更加复杂的效果,也使得我们的浏览体验更加丰富,所以今天我们将制作一个正方体的3D效果:正方体需要六个面;那么我们就写一个ul列表,里面有六个li分别代表着正方体的六个面,而最外层的ul则可以作为这个正方体的参照物,代码如下: ...
分类:
Web程序 时间:
2015-04-12 22:24:02
阅读次数:
1153
1、实例源码
CSS3的[att=val]选择器
[id=div_border]{
background-color:#C00;
width:110px;
font-family:微软雅黑;
font-size:18px;
font-size-adjust:!important;
font-stretch:expanded;...
分类:
Web程序 时间:
2015-04-11 17:58:17
阅读次数:
363
1、实例源码
CSS3的[att*=val]选择器
[id*=div_border]{
background-color:#9F6;
width:110px;
font-family:微软雅黑;
font-size:18px;
font-size-adjust:!important;
font-stretch:expanded;...
分类:
Web程序 时间:
2015-04-11 17:55:23
阅读次数:
389
1、实例源码
CSS3的[att^=val]选择器
[id^=div_border]{
background-color:#9F6;
width:160px;
font-family:微软雅黑;
font-size:18px;
font-size-adjust:!important;
font-stretch:expanded;...
分类:
Web程序 时间:
2015-04-11 17:54:02
阅读次数:
253
1、实例源码
CSS3的[att$=val]选择器
[id$=div_border]{
background-color:#9F6;
width:160px;
font-family:微软雅黑;
font-size:18px;
font-size-adjust:!important;
font-stretch:expanded;...
分类:
Web程序 时间:
2015-04-11 17:53:48
阅读次数:
187