diaoli： Metro UI For Block

这个DEMO是一个区块的展示效果，在Web中经常可见，你也可以简单的理解成是一个三列展示区块，在这个DEMO中，整体风格是采用的Metro UI设计，但是我们在效果中添加了一些CSS3的动画效果，让整个DEMO看起来更大生动。 HTML C...

2015-08-27 21:57 来自版块 - 站长技能提升

vbeoru： 每位设计师都应该拥有的50个CSS代码片段

英文原文：50 Useful CSS Snippets Every Designer Should Have 面对每年如此多的 新趋势 ,保持行业的领先是个很困难问题. 网站设计者和前端工程师都已经全面的使用 CSS3 properties, ...

2015-07-31 01:42 来自版块 - 站长技能提升

ddang573： 你未必知道的CSS小知识：text-decoration属性变成了属性简写

我相信有些小知识会让你大吃一惊。 跟着最新的CSS规范，text-decoration现在的写法是这样的： [*]a { [*] text-decoration: overline aqua wavy; [*]} 复制代码 tex...

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

我就是小弟： 关于CSS3 Transitions的小例子

这是个很简单关于css3Transitions的小例子。 下面按照效果我们来一个一个解说css代码。 1 网页的背景，网页的背景由两部分组成，image1 和斜线，这里面有个效果，背景图片用了两张图片，在css2.0的时候背景图片只能是一...

2015-01-01 20:55 来自版块 - 站长技能提升

风中的峰： 分享一个纯CSS开发的气泡式提示框

作为前端开发人员，我们都熟悉使用CSS来生成页面上丰富的样式，对于边框border属性来说，也是我们最熟悉不过的CSS属性，今天我们这里将介绍如何使用纯CSS来生成一个气泡式样的提示框，希望大家喜欢！ Demo下载：分享一个纯CSS开发...

2014-11-30 18:06 来自版块 - 站长技能提升

kendeai： CSS3火焰文字特效制作教程

用一句很俗气的话概括这两天的情况就是：“最近很忙”，虽然手头上有不少很酷的HTML5和CSS3资源，但确实没时间将它们的实现过程写成教程分享给大家。今天刚完成了一个神秘的项目，空下来来博客园写点东西。今天给大家分享2个CSS3火焰文字特效，并且将实...

2014-11-16 14:41 来自版块 - 站长技能提升

cbyidiaw： HTML5技术实现剪切+上传图片的功能

我们曾经被几个读者问到同一个问题——如何将照片传到网上。我认为这是一个很有趣的问题，我决定在本文中解决掉这个问题。但是，我认为只是单纯的实现上传功能可能会有些单调，所以我决定添加一个很重要的元素—剪切功能。相信这样应该更有魅力的说。 htm...

2014-11-07 01:48 来自版块 - 站长技能提升

licn1986： hover的transition

相信对于很多初学者，对于css3的transition到底是直接写在选择器上，还是写在选择器的hover上表示疑惑，下面给出两个实例，希望可以为您解惑。 demo1 demo2 .demo{ width: 100px; height...

2014-11-02 09:53 来自版块 - 站长技能提升

abcpingyao： CSS3火焰文字特效制作教程

用一句很俗气的话概括这两天的情况就是：“最近很忙”，虽然手头上有不少很酷的HTML5和CSS3资源，但确实没时间将它们的实现过程写成教程分享给大家。今天刚完成了一个神秘的项目，空下来来博客园写点东西。今天给大家分享2个CSS3火焰文字特效，并且将实...

2014-07-28 07:31 来自版块 - 站长技能提升

maoduer： CSS3制作分步注册表单

这个DEMO是使用CSS3制作的一个分步注册表单，每个input对应的是每一步，在表单得到焦点时，对应的step也会进行对应的改变。不过这个效果是使用js代码来实现，但整个表单的外观是由CSS3来完成的，整个案例中使用了：@font-face来制作...

2013-12-30 06:52 来自版块 - 站长技能提升