backface-visibility 属性定义当元素不面向屏幕时是否可见. 如果在旋转元素不希望看到其背面时,该属性很有用. backface-visibility: visible|hidden;下面这个示例效果:visible和hidden的对比 <div> <div class="box1">我是正面</div> <div class="box2">我是反面</div> </div> .…
html代码 <h1>div1可见</h1> <div class="div1">div---1</div> <h1>div2不可见</h1> <div class="div2">div---2</div> backface-visibility:定义当元素不面向屏幕时是否可见.visible:可见:hidden: 不可见,浏览器支持:IE10开始支持.CSS代码: bo…
腾讯科技对Android首席设计师Duarte"移动已死"訪谈内容的翻译错得离谱,被到处转载,误人视听. 而要真正理解Duarte所想表达的含义,须要深入了解互联网前沿设计理念以及移动网络的发展.本地应用APP的现状. 为正确表达文章原意,校正翻译例如以下. 原文发表于踏得网(Techbrood.com). (Duarte的訪谈视频链接例如以下:http://www.theverge.com/2014/4/15/5619182/android-design-head-matias-du…
------------------- 1.媒体查询方法在 css 里面这样写 -------------------- @media screen and (min-width: 320px) and (max-width: 480px){在这里写小屏幕设备的样式} @media only screen and (min-width: 321px) and (max-width: 1024px){这里写宽度大于321px小于1024px的样式(一般是平板电脑)} @media only scr…
border-radius: 2em 1em 4em / 0.5em 3em;  兼容性IE9+.Firefox 4+.Chrome.Safari 5+ 以及 Opera 支持 border-radius 属性. 等价于: border-top-left-radius: 2em 0.5em; border-top-right-radius: 1em 3em; border-bottom-right-radius: 4em 0.5em; border-bottom-left-radius: 1em…
做了一个demo.用到一些css3的动画,还是不太熟练,总结了一下.  1. -webkit-font-smoothing: antialiased;       -webkit-font-smoothing: none: 无抗锯齿 -webkit-font-smoothing: subpixel-antialiased | default: 次像素平滑 -webkit-font-smoothing: antialiased: 灰度平滑 2.    -webkit-perspective: 80…
Transition 1.简写属性transition,可以包括四个属性,这四个属性的顺序按照下面介绍的顺序书写,即transition:property duration timing-function delay. 2.transition-property表示属性值,例如width,height等等 3.transition-duration过渡效果花费的时间,默认值为0 4.transition-timing-function规定过渡效果的时间曲线,形式有很多种. linear 规定以相…
CSS/CSS3在线手册:http://www.css119.com/book/css/   CSS3实现水平垂直居中:http://bbs.html5cn.org/thread-87300-1-1.html    http://www.w3cplus.com/css/centering-css-complete-guide.html   CSS魔法:http://www.cssmagic.net/   你很熟悉CSS,却没掌握这些CSS技巧:http://www.html5cn.org/art…
CSS3 变形 CSS3变形是一些效果的集合,比如平移,旋转,缩放和倾斜效果,每个效果都称为变形函数. transform transform属性向元素应用 2D 或 3D 转换.该属性允许我们对元素进行旋转.缩放.移动或倾斜. transform:none | <transform-function> [<transform-function>] * <!DOCTYPE html> <html lang="en" xmlns="ht…
原文:JavaScript + CSS3 实现的海报画廊特效 这是慕课网上<CSS3+JS 实现超炫的散列画廊特效>的源代码,我修改了一些 bug 和调优了一些细节,并把学习过程中并不了解的知识点以及一些基本思路用注释写在了源码里供以后查阅,同时欢迎指正其中的问题. 源课程视频地址:http://www.imooc.com/learn/366 <!DOCTYPE html> <html> <head> <meta http-equiv="Co…