CSS中有一个属性叫做clip,为修剪,剪裁之意。配合其属性关键字rect可以实现元素的矩形裁剪效果。此属性安安稳稳地存在于CSS2.1中,且使用上基本上没有类似于max-height/display:table-cell等浏览器的兼容性问题。但是,貌似大家很少使用此属性。实际上clip是实在在的可以在实际项目中大放光彩的东东。
本文一如既往,提供必要的demo页面以及源代码展示,提供属性的一些具有代表性的实例。总之,希望本文的内容能够对您的学习有所帮助。
IE浏览器下Matrix滤镜可以实现旋转效果早在去年1月份在“图片旋转效果的一些研究、jQuery插件及实例” 一文中就有过还算详细的介绍。这里之所以要重新嚼以前嚼过的烂叶子是因为我之前以为IE Matrix矩阵滤镜只能实现元素的旋转与拉伸,但是就在前几天发现Matrix滤镜还有元素比例缩放的功能,类似于zoom属性的功能。于是花时间折腾了一下,决定立文备忘下。
由于现代浏览器中CSS3的transform属性可以轻松实现元素的旋转以及比例改变,所以如果……
本文介绍主要由CSS3 transform的rotate配合一些巧妙的方法实现的炫酷的时钟旋转效果。虽说没有多大实用价值,不过对于熟悉CSS3的旋转属性,以及了解IE滤镜旋转的一些知识是很有用的。本文提供源文件下载,代码展示,以及必要的demo。希望能对您的学习有所帮助。
我之前曾写过一篇关于实现跨浏览器实现box-shadow效果的文章——“CSS实现跨浏览器兼容性的盒阴影效果”,本文虽然题目类似,但是核心部分是有差异的。前面的文章虽然实现IE下的盒阴影效果也是使用的滤镜,但是使用的是shadow滤镜,这种滤镜的效果很牵强,效果过渡不自然,而本文实现的IE下的盒阴影效果就相对非常自然,而且还支持内阴影的UI表现。
本文提供各个效果截图,提供丰富飞实例以及代码展示,希望能对您的学习有所帮助。
我前不久介绍了一个让IE6/IE7/IE8支持常见CSS3属性的方法的文章“让IE6/IE7/IE8浏览器支持CSS3属性”,那里是使用的htc文件+VML语言实现的,轻量实用。
而本文即将介绍的CSS3 JavaScript库cssSandpaper
采用的则是不同的原理使IE浏览器支持CSS3属性。本文的内容就是详细介绍CSS3 JavaScript库cssSandpaper
的方方面面,提供丰富的插图,提供源文件打包下载,提供对应的demo页面,希望能够对您的学习有所帮助。
这是一篇翻译的文章。主要内容如下:使用@font-font调用字体进行文字渲染的时候,IE7和IE8浏览器下的文字会有丑陋的锯齿,本篇文章就是讲为什么会有锯齿,如何解决这个问题。文章含有详细的demo页面,还有相应的jQuery插件方面解决这一问题。虽然,我们平时很少遇到这一问题,但是了解也是很重要的。
翻译水平有限,如果有不足之处欢迎指正。希望对您的学习有所帮助。
新浪微博是全中国最主流,最具人气,当前最火爆的微博产品。用一句话随意记录生活,用手机随时随地发微博。用秒杀电视的速度发现最热最火最快最酷最新的资讯。
本文不是讲新浪微博产品的,纯粹的技术文章,用JavaScript上实现微博上一个不错的效果——信息发布后,发布条数放大显的动画效果。提供全真的demo实例页面,可以实时观察效果,提供源文件下载,希望对感兴趣的您有所帮助。
IE6不支持png背景透明或半透明。其解决方法有IE滤镜,纯粹的JavaScript,以及jQuery等,正所谓事非经过不知难,让png图片在IE6下背景透明显示只是第一步,如果对这些png图片做进一步的操作,往往会出现各类莫名的问题,例如无法响应单击事件,图片大小控制失效,无法实现background-position的定位等。本篇文章讲详尽阐述png背景透明会出现这些问题的原因,以及对每一个问题提供相应的解决方法,每个对应的方法提供相应的demo实例页面。在问题的探讨过程中会尽可能的分享我的一些经验。文章内容较多,涉及css, javascript, jQuery, flash, ActionScript, flash通信, photoshop图片处理等,有一定的深度和广度,希望对大家有帮助。