garyhi： css3鼠标滑过动画

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

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

baohuishu： WebKit CSS3 动画基础

前几天在Qzone上看到css3动画，非常神奇，所以也学习了一下。 首先看看效果 http://webdeveloperjuice.com/demos/css/css3effects.html 很悲剧的是css3动画现在只有WebKit内核...

2015-03-30 22:40 来自版块 - 站长技能提升

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

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

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

田莉610： CSS3实现简单的动画图片说明效果

CSS3实现简单的动画图片说明效果 .container{ height:200px;width:400px; background:#000; overflow:hidden; position:relative; } ...

2014-07-30 01:03 来自版块 - 站长技能提升

9865310： 使用CSS3设计漂亮的动画效果3D大按钮

本文将介绍如何使用最简单的CSS3代码来生成一个拥有点击效果的3D按钮 HTML代码 首先定义一个3D按钮的HTML，如下： [*]极客标签 复制代码 CSS代码 定义按钮相关的CSS，如下： [*]定义按钮动画过渡属性 ...

2014-06-27 14:01 来自版块 - 站长技能提升

沫。： Metro Login Form

这是一个很简单也很普通的登录表单的效果，只不过这个案例采用的是Metro的UI设计风格，当然不是Metro UI CSS中的东西，设计风格，色彩类似于Metro。另外在加载表单时，给部分元素使用了transition属性，让你在视觉上加载有动画，其在...

2014-06-26 12:31 来自版块 - 站长技能提升

吴学春： CSS书写规范及顺序

CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-heigh...

2014-02-22 10:57 来自版块 - 站长技能提升

鹤鹰： 视频教程：CSS3动画属性实用技巧教程

目前CSS3动画已经越来越流行，在一些网页专题的产品介绍页面，手机APP首屏展示页面，又或者只是一个按钮简单变形，都可以使用CSS3来实现，虽然动画简单，但却让静态枯燥无味的页面增加一点生气，更吸引用户，更加高端。 今天向大家讲解几个常用的C...

2013-12-21 03:02 来自版块 - 站长技能提升

kingberg： Metro UI For Block

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

2013-12-18 08:11 来自版块 - 站长技能提升