我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。今天给大家带来 CSS 三角形绘制方法复制代码 代码如下:#triangle-up {width: ...
分类:
Web程序 时间:
2014-09-04 14:40:49
阅读次数:
173
1、 放大图片:/*galleryImage css*/ a.galleryImage{ display:block;}.galleryImage img{ transition:all .4s ease-out;-webkit-transition:all .4s ease-out;}.galle...
分类:
Web程序 时间:
2014-09-04 09:35:17
阅读次数:
168
今天为大家带来的是一款由jquery和css3实现的超级梦幻的背景效果。绿色的小原点由远到近,由近到远一种飞跃效果。效果非常好看,我们一起看下效果图:在线预览源码下载我们一起看下实现的代码。这是一款由jquey和css3实现的效果。这里引用的是jquery 11.0版本。注意需在ie9以上浏览器、g...
分类:
Web程序 时间:
2014-09-04 01:24:27
阅读次数:
399
display:box;box-flex是css3新添加的盒子模型属性,它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持,但可以使用它们的私有...
分类:
其他好文 时间:
2014-09-03 16:47:26
阅读次数:
353
最常见的私有属性是用于Webkit核心浏览器的(比如, Safari), 它们以-webkit-开始,以及Gecko核心的浏览器(比如, Firefox),以-moz-开始,还有Konqueror (-khtml-)、Opera (-o-) 以及Internet Explorer (-ms-)都有它...
分类:
Web程序 时间:
2014-09-03 14:44:46
阅读次数:
293
当div内内容超出大小时可用以下属性进行隐藏 同时用div的title属性进行提示 当鼠标放到上面时显示未被全部显示的内容CSS 参考手册实例设置 overflow 属性:div { width:150px; height:150px; overflow:scroll; }亲自试一试浏览器...
分类:
Web程序 时间:
2014-09-03 10:51:06
阅读次数:
468
display:box;box-flex是css3新添加的盒子模型属性,它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持,但可以使用它们的私有...
分类:
Web程序 时间:
2014-09-03 09:38:34
阅读次数:
249
我想这样的一个需求很是会经常遇到的,研究了一下,现在记录下来,也希望分享给大家!
先看一下效果图,如下所示:
代码如下:
$(function(){
var docHeight = $(window).height();
var docWidth = $(window).width();
$("#overlay").height(docHeight).cs...
分类:
Web程序 时间:
2014-09-02 21:27:35
阅读次数:
236