2. css3 强大的动画库 1年前 (05-06) TAG:CSS3

括淡入淡出,文字飞入、左右摇摆动画等等。使用animate.css也非常简单,你可以给页面上的任意元素,特别是文字添加各种神奇的动画特效,一起来尝试一下吧。

但凡是前端工程师,都知道IE6,IE7,IE8不支持、或者不完全支持CSS3的属性。 CSS3 有很多很强大、绚丽的效果,比如,圆角,阴影,渐变透明,渐变背景,等等。 因为IE6时代,没有什么标准,而因为各种原因,IE6用户几乎不会更新IE版本。 让IE6,IE7...

CSS Counters其实就是一计数器,早期在CSS中计数器仅存在于ul和ol元素。如果要使用在div这样的元素上,只能通过list-style-image或者是元素的backgroud-image来实现。在CSS2.1的规范中介绍了一种新技术,允许开发人员使用伪类:after、:before或者伪元素::after、::before...

5. 让IE7 IE8支持CSS3 background-size属性 2年前 (10-17) TAG:CSS3

CSS3 新增的 background-size 是一个很有用的属性,用于定义背景图片的尺寸,有了这个属性,你就可以任意指定背景图片的大小。其中最常用的值应该要数 cover 了,该值能让背景图片缩放至填满整个容器,即使是图片面积小于容器面积。由于 back...

6. CSS3 read-only伪类逗号写法支持 2年前 (08-28) TAG:CSS3

CSS3 read-only伪类.test1:read-only{background-color:#eee;}.test1:-moz-read-only{background-color:#eee;}.test2:read-only, .test2:-moz-read-only{background-color:#eee;}

由于现在主要接触移动端,不需要考虑IE等古董浏览器的兼容性问题,所以能最大程度的使用CSS3所带来的便捷。根据设计需求,需要把图片以倾斜5度的方式来呈现出效果。于是便做了一个例子:-moz-transform: rotate(5deg);-webkit-transform: rotate(5deg); 把图片旋转了5度...

8. css3解决chrome 12像素字体大小限制 2年前 (07-23) TAG:CSS3

原先的解决方案:html { -webkit-text-size-adjust:none } 在新版的chrome中,已经禁止了改属性,建议使用CSS3中的方法:transform:scale(0.875);

一 些场景需要引用css3 字体@font-face.在字体转换上是头疼的事。辛苦找到的网页字体转换工具功能很强大,推荐一下:网页应用特殊字体,ttf转换为woff、svg、等格式字体

11. css3几个特殊属性 2年前 (07-01) TAG:CSS3

1. scoped令CSS的作用范围限定到style节点的父级节点div。 例:p { color: red }Helloworld

前几天群里有同学在咨询利用CSS怎么使背景颜色产生渐变,要求必须兼容IE7,IE8,这就有点头疼了,现代浏览器IE9+,Chrome,Friefox均都支持CSS3属性gradient,实现起来就很简单,经过一翻调试,终于帮这位同学解决了问题,下边给出完整的解决方案。

14. CSS让inline水平元素换行 2年前 (06-02) TAG:CSS3

使用了after伪类,因此上面方法支持的浏览器为IE8+,以及其他靠谱浏览器。经过自己的测试,content内容只能是 " A "或者需要包括 " A ",大小写无妨。

15. 详解 CSS3 Transform的perspective属性 2年前 (04-08) TAG:CSS3

CCS3中的Transform是设置界面样式和动画的一大利器。而且在Chrome和FF中还支持3D变换。IE9不支持,IE10支持。只要是3D场景都会涉及视角问题和透视的问题。在Transform中的设置方法比较简单:

16. CSS3那些不为人知的高级属性 2年前 (04-08) TAG:CSS3

尽管现代浏览器已经支持了众多的CSS3属性,但是大部分设计师和开发人员貌似依然在关注于一些很主流的属性,如border-radius、box-shadow或

17. 47年前 (01-01) TAG:CSS3

18. 利用css3做动感的banner差异体验 2年前 (04-08) TAG:CSS3

  产品宣传页往往会向用户介绍产品的功能特点,传达产品的理念,也是用户初次对新产品或产品新功能新特性的感观认知,对此,视觉设计师在

19. 多彩边框 2年前 (04-08) TAG:CSS3

一直都是一成不变的单色边框,也突然想弄弄多彩的,在一些小的页面中可以尝试一下,配合css3也可以做出些动感的交互来。demo 地址:http:

20. IE浏览器让ie支持CSS3的方法 2年前 (04-06) TAG:CSS3

再也不用为迁就低版本IE而额外写代码了,直接按照现代浏览器标准写,最后加入selectivizr即可。一个字,爽!大神们常说:PC端写css3,优雅