css 记录

1. 设置icon图标使用字体方式，接着需要icon图标css类名前缀一致。

[class^="icon-"],
[class*=" icon-"] {}

ios 使用字体失效，在iconfont.css，将 font-family: 'font_family'; 修改为

@font-face {
  font-family: 'iconfont';
}

2. 变形动画 transform 执行动画时，希望有3d效果需要加上

perspective: 1800px;
(Tip:  定义 3D 元素距视图的距离，以像素计。该属性允许您改变 3D 元素查看 3D 元素的视图。
当为元素定义 perspective 属性时，其子元素会获得透视效果，而不是元素本身。)

transform-style: preserve-3d;
(Tip:  3D 效果开启)

//父级
.a{
  perspective: 1800px;
}

//子级
.a .b{
  transform-style: preserve-3d;
  transition: transform 1s;
  transform: rotateY(-180deg);
} 

持续更新ing。。。