前端集合 - 关注前端技术和互联网免费资源

关注前端技术和互联网免费资源

分类儿

页面儿

搜索儿

前端集合 RSS订阅
Home » 前端集合

CSS3 Transitions 小试牛刀

发布者:前端集合 // 发布时间:2011年08月05日 // 分类:前端集合 // 访问: 3,760 次 // 热度:

浏览Demo查看实际效果经常写CSS的朋友知道,:hover是我们经常要打交道的,比如鼠标hover变个色神马的.今天我们学习一下CSS3中的一些类似用法,效果很不错的哦.1. CSS3 transitions在链接中的妙用首先看代码a, a:link, a:visited { color:#4a4a4a;     -webkit-trans...

学习CSS伪类:before和:after

发布者:前端集合 // 发布时间:2011年07月14日 // 分类:前端集合 // 访问: 3,979 次 // 热度:

DemoCSS中我们最熟悉也用得最多的伪类是:hover,今天为大家介绍2个新的伪类 :before 和 :after。1. 基本语法#example:before { content: "#"; } #example:after { content: "."; }有一点需要注意的是,如果你使用:before 和 :after,那么里面的content是可以留空的,但是不能不写...

用CSS 3制作的漂亮导航

发布者:前端集合 // 发布时间:2011年07月14日 // 分类:前端集合 // 访问: 3,563 次 // 热度:

Demo看起来不错吧,不要因为使用的图片哦,全部都是使用CSS实现的。在firefox和chrome能得到最佳效果,CSS 3中的圆角和渐变不被IE支持。HTML        <div  id="nav">      &...

Google+ icons (PSD下载)

发布者:前端集合 // 发布时间:2011年07月12日 // 分类:前端集合 // 访问: 3,707 次 // 热度:

Author: RafiFile Resolution: 256 pixelsFile Format: Photoshop & PNGSize: 0.21 MB  (zip)下载Google Plus Icons PNG & PSD

CSS优化技巧7则

发布者:前端集合 // 发布时间:2011年07月04日 // 分类:前端集合 // 访问: 3,573 次 // 热度:

CSS是页面效果呈现中非常重要的组成部分,它包括颜色、大小尺寸、背景和字体等。写CSS很简单很容易,但是要想写出精炼的CSS代码还是有很多技巧的。下面就是技巧7则:1. 合并多个相同属性;比如很多人写margin会这样写margin-top: 8px;margin-right: 4px;margin-bottom: 8px;margin-left: 4px;但是这样写更高效margin: 8...

Top