在今天的课程中,我们使用CSS3制作一个动画齿轮效果,效果看起来非常漂亮。其中我使用了CSS3关键帧、动画和转换(旋转),为了得到这个结果,请注意:只有在火狐Firefox浏览器、谷歌Chrome或者Safari(webkit引擎),才能看到这个效果...
-
eweb: CSS3 动画齿轮
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 来自版块 - 站长技能提升