网页制作 > CSS > css3 >
css3实现背景颜色渐变让图片不再是唯一的实现方式
对于网页设计师而言,颜色渐变在网页设计中十分常见,而对于网页制作者来说,通常的方法就是把渐变切成图片来实现。伴随着css3的出现,实现背景颜色渐变,图片不再是唯一的实现方式,在这里面,我分别就这两种内核的浏览器进行讲解css3制作动态进度条以及附加jQuery百分比数字显示
今天就为大家分享一个利用css3制作动态进度条以及附加jQuery百分比数字显示,其效果对比flash来说却毫不逊色,有一个精致的动画进度条,上面还有当前进度的百分比数字显示,而且还会跟着进度条而移动,需要的朋友可以参考下CSS3线性渐变简单实现以及该属性在浏览器中的不同
为了显示一个渐变而专门制作一个图片的做法是不灵活的,而且很快会成为一种不好的做法,多亏Firefox 和Safari/Chrome,我们现在可以使用最少的努力实现强大的渐变CSS实现圆形放大镜狙击镜效果 只有圆圈里的放大
图片放大,这是一个比较容易的效果了。当然,今天说的可不是简简单单的在一个框里放大,而是一个圆,就像放大镜或是狙击镜那样,只有圆圈里的放大,圈外的当然还是原来的图片,需要的朋友可以参考下CSS3制作半透明边框(Facebox)类似渐变
CSS3制作半透明边框记得以前Facebook有段时间使用了非常多的半透明边框(Facebox),虽然现在不支持了,但是还是值得研究一下,接下来将详细介绍,需要的朋友可以参考下CSS伪类与CSS伪元素的区别及由来具体说明
关于两者的区别,其实是很古老的问题.这里着重写的是为什么这两者不同,以及一些平时容易错过的细节,需要的朋友可以参考下用CSS禁用输入法(CSS3 UI规范)实例解析
禁用输入法属性ime-mode是CSS3中最新添加的属性,更准确点说,是CSS Basic User Interface Module Level 3 (CSS3 UI)规范新添加的属性,需要了解更多的朋友可以参考下html5 css3 动态气泡按钮实例演示
我们正在创造一个有用的设置与对CSS3的多重背景和动画的力量动画按钮,无需使用JavaScript,通过此按钮包,您可以很容易地变成一个动画按钮,在您的网页上的任何链接只是指定一个类名,需要的朋友可以参考下IE矩阵Matrix滤镜旋转与缩放及如何结合transform
本文将介绍IE矩阵Matrix滤镜旋转与缩放及如何结合transform,需要了解的朋友可以参考下CSS3悬停效果案例应用
CSS3 为 Web 开发带来了非常令人兴奋的变化,特别是 CSS 3D 转换、动画等特性的支持,可以轻松的创建很酷的Web 效果,需要的朋友可以参考下在css3中background-clip属性与background-origin属性的用法介绍
困惑在哪里? background-clip 与 background-origin是css3中引入的两个跟元素背景相关的属性,它们有相同的可选值,即border、padding、content三种,而且这两个属性表示的都是元素背景与元素边框、补白(padding)和内容区域之间的某种关系。 比如,我们想要在边框上CSS3基础(RGBa、text-shadow、box-shadow、border-radius)
本文介绍CSS 3部分新属性基础,包括RGBa、text-shadow、box-shadow、border-radius。这些属性通常用来增强网页布局和美誉度。(译者注:在支持CSS3的浏览器如Firefox、Safari、IE9等可点击图片查看演示。)css3绘制天猫logo实现代码
用css3实现的,模拟tmalll的logo效果代码,喜欢的朋友可以参考下CSS3实现DIV圆角效果完整代码
本实例是CSS3实现DIV圆角。实现圆角的CSS3代码句是: "border-radius: 20px;" 。需使用支持CSS3的浏览器运行,例如新版的Chrome、火狐,或者IE9。IE6、7、8不支持10 套华丽的CSS3 按钮小结
本文收集了10套基于CSS3的按钮,你可以通过复制粘贴代码到你的CSS文件中来使用这些按钮。但需要注意的是,CSS3需要浏览器的支持,基本上这些按钮可以在大部分现代浏览器中完美呈现,但是在IE中支持还不够好