css遗忘篇:transform:ratate(180deg)失效的解决方法

最新推荐文章于 2024-04-22 00:35:41 发布

原创最新推荐文章于 2024-04-22 00:35:41 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css3属性

element-ui 同时被 2 个专栏收录

28 篇文章

订阅专栏

CSS

5 篇文章

订阅专栏

博客介绍了CSS3属性的使用，包含简易版和复杂版。简易版可直接和.inline - block配合使用产生奇效；复杂版则需要设置过渡事件。

简易版
直接和.inline-block配合使用也能出现奇效

update 2018-10-23 19:27:52

复杂版

.empMoreInfoControl {
  position: relative;
  .iconfont {
    position: absolute;
    top:.05rem;
    margin-left:.1rem;
    @extend .animation1;
  }
  &.active {
    .iconfont {
      position: absolute;
      top:.05rem;
      @extend .animation1;
      transform: rotate(180deg);
    }
  }
}

需要设置过度事件