las： 高效整洁CSS代码原则 (下)

6. 适当的代码注释 代码注释可以让别人更容易读懂你的代码，且合理的组织代码注释，可使得结构更加清晰。你可以选择做的样式表的开始添加目录: [*]/*------------------------------------ [*]1. Res...

2015-07-21 05:45 来自版块 - 站长技能提升

317datou： 一款非常棒的纯CSS3 3D菜单演示及制作教程

这段时间比较忙，很久没在这里分享一些漂亮的HTML5和CSS3资源了，今天起的早，看到一款很不错的CSS3 3D菜单，觉得非常上眼，就将它分享给大家，顺便来分析一下实现的源码。下面是效果图： 看了效果图是不是觉得它是一副**，对，第一...

2015-07-08 01:52 来自版块 - 站长技能提升

天空思念： 简单做出HTML5翻页效果文字特效

之前在网上看到一款比较有新意的HTML5文字特效，文字效果是当鼠标滑过是出现翻开折叠的效果，类似书本翻页。于是我兴致勃勃的点开源码看了一下，发现其实实现也挺简单的，主要利用了CSS3的transform属性，分别对X轴、Y轴、Z轴进行翻转，先看一下...

2015-06-03 05:40 来自版块 - 站长技能提升

garyhi： css3鼠标滑过动画

本实例共有五个鼠标滑过的动画效果，但其实原理都是差不多。第一个是多加了一个空白的标签，来显示那个遮罩的三角形；第二，三，四都是对却是用border来生成的遮罩，至于第五个效果就比较复杂，不过原理都是一样的，实际应用也不需要那么复杂。所以只需把前面四个...

2015-05-11 01:01 来自版块 - 站长技能提升

xuri21： 利用CSS3 Gradients创建无图片水晶按钮

没有css3之前，我们需要在PS中创建水晶按钮。有了css3，我们可以很容易生成水晶按 钮。尽管CSS3 Gradient还未得到大多数浏览器的支持，但各主流浏览器已经在自己的内核中支持css3 Gradient (WebKit Nightly (c...

2015-05-10 04:02 来自版块 - 站长技能提升

小瞎瞎： css3对话框设计

对话框气泡，总能在一些设计中给人一种清晰的感觉，在这里我们用css3技术来设计了几种对话框。 在第一个案例中，主要使用:before&:after创建两个三角形，一个和背景色一样，一个和边框色一样；在第二个案例中主要使用:before和rotat...

2015-04-28 16:32 来自版块 - 站长技能提升

wyl756615585： 你真的理解z-index吗？

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 假如只是开发简单的弹窗效果，懂得通过z-index来调整元素间的层叠关系就够了。但要将多个弹窗间层叠关系给处理好，那么充分理解z-index背后的原理及兼容性问题就是必要的知...

2014-11-04 02:22 来自版块 - 站长技能提升

yibangj： css3对话框设计

对话框气泡，总能在一些设计中给人一种清晰的感觉，在这里我们用css3技术来设计了几种对话框。 在第一个案例中，主要使用:before&:after创建两个三角形，一个和背景色一样，一个和边框色一样；在第二个案例中主要使用:before和rotat...

2014-07-07 20:33 来自版块 - 站长技能提升

tmxk8： 一组梦幻般的 CSS3 动画按钮效果

给大家带来的是五款梦幻般的动画按钮效果。下面是在线演示，把鼠标放在按钮上试试，有惊喜哦！（温馨提示：如果不显示请刷新页面，在 Chrome，Firefox 和 Safari 浏览器中效果最佳。）访问链接：http://jsfiddle.net/lhb...

2014-04-23 18:23 来自版块 - 站长技能提升

tj6shaoye： 简单做出HTML5翻页效果文字特效

之前在网上看到一款比较有新意的HTML5文字特效，文字效果是当鼠标滑过是出现翻开折叠的效果，类似书本翻页。于是我兴致勃勃的点开源码看了一下，发现其实实现也挺简单的，主要利用了CSS3的transform属性，分别对X轴、Y轴、Z轴进行翻转，先看一下...

2014-01-12 04:13 来自版块 - 站长技能提升