【问题标题】:how to animate list of mat cards (each mat-card is an component) up or down in angular?如何以角度向上或向下动画垫卡列表(每个垫卡是一个组件)?
【发布时间】:2020-06-05 17:02:39
【问题描述】:

我有一个 html id 列表,用于需要作为一个整体向上或向下动画的 mat-cards。

我看到了 angular group 函数,不知道如何在 for 循环中使用它,因为所有这些卡都需要并行向上或向下移动。

任何参考都会很棒,谢谢。

【问题讨论】:

    标签: html angular typescript animation


    【解决方案1】:

    先尝试在单个 mat 卡上添加动画,尝试使用 ngdeep - 角度方式(如果您对如何使用有疑问,可以搜索),如果 css 不适用于 mat 元素。

    您可以添加第 3 方 css 库:

    https://css-tricks.com/css-animation-libraries/

    我更喜欢 https://animate.style/ 动画一个。

    如果您的网站有很多动画要求,这将使您的生活更轻松

    【讨论】:

      猜你喜欢
      • 2020-11-23
      • 1970-01-01
      • 1970-01-01
      • 2020-09-09
      • 2019-03-31
      • 1970-01-01
      • 2020-01-14
      • 1970-01-01
      相关资源
      最近更新 更多