关于css: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。。。

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理