随笔分类 -  CSS3

让IE6/IE7/IE8浏览器支持CSS3属性
摘要:一、下载您可以狠狠地点击这里:ie-css3.htc,这个玩意儿是让IE浏览器支持CSS3表现的关键东东。二、上面的是什么东西首先说说.htc文件,.htc文件是个脚本文件,我个人以为与js文件属于同一货色,只是呢,貌似htc是Internet Explorer(IE)的私生子,只有IE才认它。ht... 阅读全文
posted @ 2014-11-14 12:56 柴犬金刚 阅读(240) 评论(0) 推荐(0)
CSS实现跨浏览器的box-shadow盒阴影效果(2)
摘要:一、前言我之前曾写过一篇关于实现跨浏览器实现box-shadow效果的文章,本文虽然题目类似,但是核心部分是有差异的。前面的文章虽然实现IE下的盒阴影效果也是使用的滤镜,但是使用的是shadow滤镜,这种滤镜的效果很牵强,效果过渡不自然,见下图:您可以狠狠地点击这里:IE下阴影不自然demo而本文实... 阅读全文
posted @ 2014-11-14 11:21 柴犬金刚 阅读(307) 评论(0) 推荐(0)
CSS实现跨浏览器的box-shadow盒阴影效果(1)
摘要:一、无关紧要碎碎念在web页面的ui表现中,投影效果可以说是非常常见的一种表现效果了。例如开心网的头像修饰效果:然而,在CSS2的时代,我们多半使用图片实现类似效果,或是使用CSS其他属性模拟阴影效果,但是,现在,CSS3的崛起使得这个问题已经不再是是个问题了,本文就将展示如何实现跨浏览器的盒阴影效... 阅读全文
posted @ 2014-11-14 11:20 柴犬金刚 阅读(540) 评论(0) 推荐(0)
使用CSS将图片转换成模糊(毛玻璃)效果
摘要:本文很单纯,就是图片模糊效果的实现。CSS3 blur滤镜实现如下测试代码:.blur { -webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: blur(10px); -ms-filter:... 阅读全文
posted @ 2014-11-14 11:14 柴犬金刚 阅读(11392) 评论(0) 推荐(1)
CSS实现兼容性的渐变背景(gradient)效果
摘要:一、有点俗态的开场白要是两年前,实现“兼容性的渐变效果”这个说法估计不会被提出来的,那个时候,说起渐变背景,想到的多半是IE的渐变滤镜,其他浏览器尚未支持,但 是,在对CSS3支持日趋完善的今天,实现兼容性的渐变背景效果已经完全成为可能,本文就将展示如何实现兼容性的渐变背景效果。在众多的浏览器中,目... 阅读全文
posted @ 2014-11-14 11:10 柴犬金刚 阅读(291) 评论(0) 推荐(0)
CSS3下的条纹以及方格斜纹背景的实现实例页面
摘要:http://www.zhangxinxu.com/study/201104/css3-strips-patterns-no-image.html 阅读全文
posted @ 2014-11-14 11:09 柴犬金刚 阅读(395) 评论(0) 推荐(0)
CSS3&HTML5各浏览器支持情况一览表
摘要:CSS3性质(CSS3 Properties)平台MACWIN浏览器CHROMEFIREFOXOPERASAFARICHROMEFIREFOXOPERASAFARIIE版本53.610.1443.631010.54678RGBAYYYYYYYYYYNNNHSLAYYYYYYYYYYNNNMultip... 阅读全文
posted @ 2014-11-14 11:02 柴犬金刚 阅读(538) 评论(0) 推荐(0)