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。。。
发表回复