.back, .front, .rotate-container{ width: 320px; height: 380px; margin: 0 auto; text-align: center; color: #00f; } .flipper { transition-duration: 1s; transform-style: preserve-3d; position: relative; } .rotate-container.hover .flipper,.rotate-container:hover .flipper { transform: rotateY(180deg) } .back, .front { backface-visibility: hidden; position: absolute; top: 0; left: 0; } .front { z-index: 2; } .back { transform: rotateY(180deg); } .rotateY{ transition-duration:1.5s; } .rotateY45:hover{ transform: rotateY(45deg); } .rotateY90:hover{ transform: rotateY(90deg); } .rotateY180:hover{ transform: rotateY(180deg); } .bf-hidden{ transform-style:

1.CSS CSS层叠样式表(Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子

1. 块级作用域 ES5 只有全局作用域和函数作用域，没有块级作用域。 在函数外部声明的变量，都是全局变量，容易导致变量冲突。因此，我们不得不使用立即执行

不改变原数组的方法： 1.indexOf() 和lastIndexOf() 1.1 indexOf() : 返回元素在数组的索引，从0开始。若数组不存在该元素，则返回-1。 var arr = [1, 2]; arr.indexOf(1); //0 arr.indexOf(10); //-1 1.2

词汇都是攒出来的 其实，语言学习的本质是相通的。我们不妨先来回顾一下学习汉语（普通话）的过程。有多少人在学习语文的过程中，遇到过要求背诵《新华

1.ZeroClipboard.js 点击按钮实现复制链接或者一段文本到剪贴板，这个小功能想必不少人都见过。GitHub上就有这么一个点击按钮复制仓库地址的功能。如下图所示： G

不少互联网公司的网站都分为PC端和手机端。如果用户用手机访问PC站点，受限于手机网络，很可能会出现加载网页缓慢的情况。 因此，如何识别用户访问

如何在移动设备上测试静态文件？ 现在移动端优先的情况下，前端工程师写好静态页面后，通常是需要测试不同的设备上效果，看看有没有兼容性的问题。谷歌

1.为什么要学习英语？ 1.1真的有必要学习英语吗？ 对于学生而言，英语是一门必修课，不得不学。对于上班族而言，有人因为工作需要而学习英语，比如

最近心血来潮，想要重新折腾一番自己的博客。于是，发现了 Hugo 比之前使用的 Jekyll 更好用。本文是个人参照Hugo官网 搭建个人博客的记录。 Step 1. Install Hugo 下载、安