eweb： CSS3 动画齿轮

在今天的课程中，我们使用CSS3制作一个动画齿轮效果，效果看起来非常漂亮。其中我使用了CSS3关键帧、动画和转换（旋转），为了得到这个结果，请注意：只有在火狐Firefox浏览器、谷歌Chrome或者Safari（webkit引擎），才能看到这个效果...

2015-08-24 18:59 来自版块 - 站长技能提升

nnuutt88： 用CSS美化半个字符巧妙方法

CSS不仅是一种技术，也是一种艺术，如果你运用的好，可以用它创造出各种神奇的效果，随着现代浏览器技术的进步，CSS3的革新，也给了程序员更大的空间和可能性来发挥自己的奇思妙想。在网上有很多常见的图形，比如在这个“HTML5技术秀：你的3D立体旋转名...

2015-05-15 12:21 来自版块 - 站长技能提升

57470116： CSS3 Transitions（基础）

Step1:Link transitions 开头，我们做一些基础的练习：当指上文字的时候，改变其颜色！ 代码如下： .case1 a{ color:#333; -webkit-transition:color 500ms ease-...

2015-02-06 03:09 来自版块 - 站长技能提升

ws652： 使用 jQuery & CSS3 实现 3D 图片滑块效果

使用 CSS3 的3D变换特性，我们可以通过让元素在三维空间中变换来实现一些新奇的效果。 这篇文章分享的这款 jQuery 立体图片滑块插件，利用了 3D transforms（变换）属性来实现多种不同的效果。 　 温馨提示：为保证最佳的效果...

2015-01-27 10:54 来自版块 - 站长技能提升

losi8239： CSS3实现水平垂直居中

水平垂直居中的制作大家都有碰到过，水平居中方法好处理，但是垂直居中的话还是让很多人头痛过，我也碰到很多盆友来询问如何让元素水平垂直居中。前面也专门讨论过如何让图片，单行文本和多行文本实现各种浏览器的水平垂直居中的方案。 这次在iPhone项目...

2014-11-13 19:05 来自版块 - 站长技能提升

防弹背心： 用纯CSS3实现图片幻灯片切换效果

　　 　　此作品是用纯CSS3实现的，一般的图片幻灯片切换效果都是采用了js脚本实现，就连HTML5技术也不例外，相信很多前端的网友也不敢相信只用纯样式代码而不写上一行js脚本代码就实现了幻灯效果，我只能说信不信由你，反正我信了。大家请使用谷歌、火...

2014-08-28 17:46 来自版块 - 站长技能提升

guanxiangcui： CSS3 transition实现超酷图片墙动画效果

一、前面的感慨 以前也陆陆续续试过CSS3的一些特性，文字投影，多边框等。但都是试试而已，知道有这么回事。今天，见到了一个新玩意，transition，认认真真 的试了一下，经过，我懵了，我呆了，我傻了，半天说不出话来，这…这…unbelievab...

2014-08-10 12:23 来自版块 - 站长技能提升

lengyanqing： CSS3线性渐变教程

为了显示一个渐变而专门制作一个图片的做法是不灵活的，而且很快会成为一种不好的做法。但是遗憾的是，截至写这篇文章，可能还必须这样做，但是希望 不会持续太久。多亏Firefox 和Safari/Chrome，我们现在可以使用最少的努力实现强大的渐变。在本...

2014-07-18 05:08 来自版块 - 站长技能提升

阿当家的小乖： CSS3 animate实现图片墙3D翻转效果

一、前面的唠叨（注意浏览器支持哦） 老实讲，起初研究CSS3的一些东西真是很兴奋的，哇塞，这效果，太酷了，酷得就像超人的三角裤。但是最近，淡了。为什么呢？不是因为百度今天被黑了，也 不是因为今天服务器宕了，更不是由于没有女朋友心灵空虚，而是因为这C...

2014-06-09 10:16 来自版块 - 站长技能提升

qwerabc： 利用CSS3特性和浏览器中的工具进行网页设计

级联样式表在13年前被引入，而且被广泛使用的CSS 2.1 标准在11年前被创建，显然我们现在已经与当年相差千里了。相当了不起的是期间网站开发有了多少进步——事实上，我们也无法想象。 为什么会这样呢，当提到CSS的时候，过去我们是如此的不情愿和害怕...

2014-03-19 09:23 来自版块 - 站长技能提升