这个DEMO是一个区块的展示效果,在Web中经常可见,你也可以简单的理解成是一个三列展示区块,在这个DEMO中,整体风格是采用的Metro UI设计,但是我们在效果中添加了一些CSS3的动画效果,让整个DEMO看起来更大生动。
HTML C...
-
diaoli: Metro UI For Block
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 来自版块 - 站长技能提升