本实例共有五个鼠标滑过的动画效果，但其实原理都是差不多。第一个是多加了一个空白的标签，来显示那个遮罩的三角形；第二，三，四都是对却是用border来生成的遮罩，至于第五个效果就比较复杂，不过原理都是一样的，实际应用也不需要那么复杂。所以只需把前面四个...
-
飞翔的公牛： css3鼠标滑过动画
2015-05-20 06:24 来自版块 - 站长技能提升
-
zangfx： 用css3写遨游的logo
实现方法： [*] 先画一个外框 width: 240px; height: 240px;border-radius: 120px; 填充背景色background:#b1e4ff; 描边border:2px solid #789cb6; ...2015-05-02 17:07 来自版块 - 站长技能提升
-
iamet001： Pure CSS3 Create Luminous Button
这是一个很简单的按钮效果，其来源于鬼哥的鬼群，看到鬼大问这样的按钮怎么制作，默认效果就不说了，说一下点击时的效果吧。当你点击按钮时，中间会有发 光，并向外扩散的淡光效果。看到效果大家在考虑是否使用text-shadow制作，或者说使用box-shad...2015-03-12 18:40 来自版块 - 站长技能提升
-
beyondhenry： CSS3 Glowing Text Effect
一个有关于CSS3写的文字发光和动画的案例。这个效果中最关键的是使用了十个相同的标签，来模仿了一个3D立体的效果，同时设置一个抖动的效果，这个效 果主要由transform的rotate3d来制作，在不同的时间段设置不同的效果，另外通过text-sh...2015-02-13 01:11 来自版块 - 站长技能提升
-
wyl756615585： 你真的理解z-index吗？
一、前言 假如只是开发简单的弹窗效果，懂得通过z-index来调整元素间的层叠关系就够了。但要将多个弹窗间层叠关系给处理好，那么充分理解z-index背后的原理及兼容性问题就是必要的知...2014-11-04 02:22 来自版块 - 站长技能提升
-
hzpy666666： Pure CSS3 Circle Menu
这个案例是一个圆形转盘导航，初看效果可能很多人都会认为不可思议，CSS3能做出这样的效果，是的，真的是CSS3做的。在整个效果中有几个关键之处, 扇形形是通过clip、border-radius和transfrom来实现，其中使用gradient和...2014-10-30 06:00 来自版块 - 站长技能提升
-
菩提冷雪： 纯css3有序列表
这个前面的数字其实和ol的decimal是没有关系的。其实应用的是:before和counter-increment来生成的。而中间的那个空白的间隔其实是border。其余的一些就是圆角，动画什么的。了解了原理，实践操作下吧。 CSS ....2014-10-01 18:34 来自版块 - 站长技能提升
-
qq106981090： CSS3+jQuery实现文件夹选项卡
源码下载 在线演示 使用CSS3实现文件夹效果，结合jquery实现选项卡切换效果。 HTML [*]One [*]Two [*]Three [*]Four ... ... ... ....2014-09-30 00:16 来自版块 - 站长技能提升
-
fange628： 一款非常棒的纯CSS3 3D菜单演示及制作教程
这段时间比较忙，很久没在这里分享一些漂亮的HTML5和CSS3资源了，今天起的早，看到一款很不错的CSS3 3D菜单，觉得非常上眼，就将它分享给大家，顺便来分析一下实现的源码。下面是效果图： 看了效果图是不是觉得它是一副*...2014-08-19 18:59 来自版块 - 站长技能提升
