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