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。。。