-
CSS Sprites(CSS图像拼合技术)教程、工具集合
今天彬Go将向大家推荐目前为止最全的CSS Sprites( CSS 图像拼合技术)技巧、工具和教程集合,该集合是有一位国外设计师收集整合,并由 oncoding翻译成中文的,感谢他们的辛苦贡献。CSS...
2014-11-16 21:49 -
CSS和CSS3按钮选择器对比
CSS3按钮选择器 ,通过CSS3新特性把普通的html链接设计成视觉上平滑的按钮m包括梯度背景、圆角、下拉阴影,以及转换等效果。支持CSS 3动画,可以把按钮逐渐地从默认状态变为悬停状态...
2014-11-16 21:49 -
给大家推荐一个更简洁的CSS清理浮动方式
清理浮动有很多种方式,像使用 br 标签自带的 clear 属,使用元素的 overflow,使用空标签来设置 clear:both 等等。但考虑到兼容问题和语义化的问题,一般我们都会使用如下代码来清理浮...
2014-11-16 21:49 -
13个CSS3快速必备开发工具
有了下面这些工具,你可以快速方便地掌握css3 并利用它构建页面效果: 1. CSS3 Pie 2. CSS3 Builder 3. CSS3 Drop shadow generator 4. Cascader 5. Border Radius.com 6. Button Maker 7. CSS3 Generator 8. Modernizr 9. HTM...
2014-11-16 21:49 -
WebKit的outline-radius:是否支持?
今天在做outline-radius相关教程的时候,发现:webkit内核的浏览器不支持这个属性,这个圆角外围属性居然只有火狐支持。 样式 CSS Code 复制内容到剪贴板 .b_bulea{ border : #17548e 1px solid ; b...
2014-11-16 21:49 -
让IE6/IE7/IE8支持CSS3属性的脚本ie-css3.htc
IE6/7并不支持CSS3的属性,IE8也不能很好的支持CSS3。如何让IE 6/7/8支持border-radius (rounded),box-shadow ( shadow),text-shadow等这些属性呢?这里介绍一个通过htc脚本实现这些属性的方法。 首先下...
2014-11-16 21:49 -
CSS3(transform)实例之3D变换
首先要了解 transform 属性相关知识, 点击查看在线手册 先看下效果图: Demo演示地址 浏览器:谷歌Chrome和Safari 4 +。 在这里给大家介绍下transform的属性以及如何取值: none: 无转换 matr...
2014-11-16 21:49 -
css3动画实例之transition
XML/HTML Code 复制内容到剪贴板 !DOCTYPEhtml html lang = zh-cn head meta charset = utf-8 / title CSS3动画 / title meta name = author content = / meta name = copyright content = / style body{font-family:微软雅黑;font-size:12px;}...
2014-11-16 21:49 -
css3之linear-gradient线性渐变实例
例子: XML/HTML Code 复制内容到剪贴板 !DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns = http://www.w3.org/1999/xhtml head meta http-equiv = Content-Type cont...
2014-11-16 21:49 -
CSS3 鼠标悬停动画
受 pbtweet 里面那个漂亮的贴图徽章启发,我搜索了一些相关资料,将如何用 CSS 实现鼠标悬停动画效果的方法整理成本文。目前,能正确显示这些非正式 CSS 属性的浏览器还非常有限,不...
2014-11-16 21:49