使用CSS3实现图片闪光划过效果

最近在一些网站上看到一个不错的图片效果，当鼠标移到图片上时，会有一道闪光在图片上划过，看上去还挺酷的；其实像这种这样的效果如果应用到网页上，通常是使用CSS3来实现的。CSS3属性中有关于制作动画 ... ...

CSS实现文章分隔线的几种方法

在编辑长文章的时候，为了使文章结构更清析和达到更好的展示效果，我们往往会使用分隔线，那么在CSS中我们要怎样才能更方便地实现小小的分隔线呢，对此我信试了几种方法来实现这个分隔线。下面就是简单实现分隔线的 ...

使用JS与CSS3的翻转实现3D翻牌效果

之前我们有讨论过使用CSS3如何实现网页水平翻转的效果，而这次我们介绍的是翻转效果更深一层的应用——3D翻牌效果。这里我们需要使用flip中轴翻转实现，又因为是3D效果，如果希望呈现一定的3D视角，需要在父级元素 . ...

兼容性良好的CSS实现的图片圆角效果

曾经我们有提过怎样只使用CSS实现渐变圆角按钮，其实图片的圆角效果也可以用CSS来实现，而且也不复杂，下面是一个简单的例子。CSS代码：style type="text/css" /*通用样式--容器宽度值*/ .sharp{width:611px;height: ...

CSS伪元素:Before和:After的使用

层叠样式表（CSS）的主要目的是给HTML元素添加样式，然而，在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身，这就是“伪元素”。【:Before】sel ...

纯CSS实现的各种箭头

使用CSS绘制各种箭头，无需裁剪图片，对浏览器支持良好，使用方便简单。CSS绘制箭头的基本原理是通过截取border(边框)的部分“拐角”实现，几行CSS代码即可...

纯CSS实现渐变圆角按钮

HTML5+CSS3 代表着下一代web开发技术，虽然标准规范还没有正式发布,但是未来的发展前景已经可以预见。随着越来越多的主流浏览器对这些标准的支持，我们已经可以使用其中一些技术来美化页面了。例如下面要讲的自定义 ...

CSS自定义文件上传按钮样式，兼容主流浏览器

我们在程序开发中，经常要用到上传文件的功能。但是，input type="file" id="f" name="f"这个类型的元素，产生的文件框和浏览按扭，它们的样式往往不符合我们的需要。怎么样才能控制控制它们的样式和位置呢？解决办 ...