摘要: 一、引子Firefox3.6包含了许多CSS的改进,本文将向您展示如果使用CSS渐变。如果你正在运行的Firefox 3.6的最新测试版,你应该看看我们的互动演示,并查看相应的代码。使用单选按钮来切换不同的样式选项。二、含CSS渐变的背景(backgrounds)背景使用CSS渐变显示可以不使用图像就实现两个或两个以上的指定颜色的平滑过渡。这反过来又减少了下载时间和带宽的使用,放大时也比较好看,可以让您创造出一个更灵活的布局。Firefox支持两种类型的CSS渐变:线性的(-moz-linear-gradient)和放射状的(-moz-radial-gradient)。三、线性渐变(Linea 阅读全文
posted @ 2013-08-13 17:15 {前端开发} 阅读(258) 评论(0) 推荐(0) 编辑
摘要: http://fmbip.com/CSS3性质(CSS3 Properties)平台MACWIN浏览器CHROMEFIREFOXOPERASAFARICHROMEFIREFOXOPERASAFARIIE版本53.610.1443.631010.54678RGBAYYYYYYYYYYNNNHSLAYYYYYYYYYYNNNMultiple BackgroundsYYNYYYNNYYNNNBorder ImageYYNYYYNNYYNNNBorder RadiusYYNYYYYNYYNNNBox ShadowYYNYYYNNYYNNNOpacityYYYYYYYYYYNNNCSS Animatio 阅读全文
posted @ 2013-08-13 16:39 {前端开发} 阅读(492) 评论(0) 推荐(0) 编辑
摘要: 一、关于纯CSS实现气泡对话框首先,来张大图:上边这张黄黄的,大大的,圆圆的,有个小尾巴,文字内容有些YY的图片,就是使用纯CSS实现的气泡对话框效果,一点图片都没有哦。看到这里,你是不是跟我一样,有些惊叹CSS的潜力呢。关于这张图片,暂时先放到一边,下面我要讲一些与主旨相关的比较重要的,同时又很实用的一些技术。我们首先看下面这一张图片(截自人人网):可能颜色有点淡,在左上角有个90度的尖角,于是整个形成了一个气泡对话框。现在考考你,如果你来实现这个效果,你会怎么做?//zxx:假设你已经思考了一会儿。◕‿◕。我想,如果您没有看本文标题,可能就想到的是做个90度等腰三角形小图片;就算您知道可以 阅读全文
posted @ 2013-08-13 15:57 {前端开发} 阅读(1302) 评论(0) 推荐(0) 编辑