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 来自版块 - 站长技能提升

tongtiiejun： CSS制作面包屑

面包屑是Web中常见的一个元件，今天@逆天使用上原始的CSS配合一定的标签制作了一款兼容多浏览器的面包屑案例，感兴趣的可以看看。 HTML CODE [*]面包屑一 [*]面包屑二 [*]面包屑二 CSS CODE ...

2015-04-04 08:37 来自版块 - 站长技能提升

bf109： WordPress3.0无限级分类下拉菜单制作方法

帮朋友做个小导航时用到了下拉菜单，话说WordPress3.0以上版本的”wp_nav_menu（）”真是好用，加上主题自定义菜单的设置简直可以说是完美的网站导航。 涉及到下拉菜单制作的方法最核心的还是鼠标移动到上面的处理。下面是调用wp_nav_m...

2015-02-17 07:18 来自版块 - WordPress教程

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

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

2015-01-15 16:49 来自版块 - 站长技能提升

yibangj： css3对话框设计

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

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

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

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

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