关于css:css-记录

6次阅读

共计 468 个字符,预计需要花费 2 分钟才能阅读完成。

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

正文完
 0