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

你可能感兴趣的:(css,css3动画,css3,css技巧)