码迷,mamicode.com
首页 >  
搜索关键字:css3的 transform属性    ( 1668个结果
利用CSS3特性巧妙实现漂亮的DIV箭头
DIV箭头用于表现DIV内容的指向,是使用非常普遍的一种表现形式,例如新浪微博的消息转发:还有傲游网站的导航条:像傲游账户上方这种箭头更需要多幅图片以表现箭头和hover的效果。传统的实现方式都需要一副表示箭头的图片放在DIV上方来实现,例如新浪微博的相关CSS如下:而使用CSS3的特性,我们不需要...
分类:Web程序   时间:2015-04-13 18:26:21    阅读次数:202
纯代码无图片Tips实现过程
前些日子,用百度的时候发现了一个tips效果,感觉不错,就手残的按了F12,看了一下实现过程,刚开始的时候发现很神奇,即没使用图片,也没使用“◇”符号,当然也没有css3的元素。先看下效果:查看并不停的尝试,终于知道怎么实现的了首先是最重要的实现部分:.arrows { position:absolute; display:block; width:0; height...
分类:其他好文   时间:2015-04-13 14:42:57    阅读次数:153
css3的一些特效
前段时间有位同事分享了一个网站,里边是一些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-IE8浏览器
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
ie旋转滤镜Matrix
旋转一个元素算是一个比较常见的需求了吧,在支持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效果
随着HTML5 CSS3的出现和发展,使得我们的网页可以实现更加复杂的效果,也使得我们的浏览体验更加丰富,所以今天我们将制作一个正方体的3D效果:正方体需要六个面;那么我们就写一个ul列表,里面有六个li分别代表着正方体的六个面,而最外层的ul则可以作为这个正方体的参照物,代码如下: ...
分类:Web程序   时间:2015-04-12 22:24:02    阅读次数:1153
CSS3的[att=val]选择器
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
CSS3的[att*=val]选择器
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
CSS3的[att^=val]选择器
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
CSS3的[att$=val]选择器
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
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!