stylus中keyframes如何嵌套使用

发布于 2022-09-07 08:24:30 字数 506 浏览 15 评论 0

原本sass的语法要转stylus，但是无论如何keyframes不生效，stylus的keyframes后面接一个classname。
name这种嵌套语法怎么写呢？
@keyframes pic-404__child也无效
sass

.pic-404
    &__child
      position: absolute
    @keyframes
      0%
        top: 17px
        left: 220px
        opacity: 0
      20%
        top: 33px
        left: 188px
        opacity: 1
      80%
        top: 81px
        left: 92px
        opacity: 1
      100%
        top: 97px
        left: 60px
        opacity: 0

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

冷月断魂刀 2022-09-14 08:24:30

$keyframe-name = (__child)
@keyframes {$keyframe-name}

.pic-404
    &__child
      position: absolute
     $keyframe-name = __child
     @keyframes {$keyframe-name} 
      0%
        top: 17px
        left: 220px
        opacity: 0
      20%
        top: 33px
        left: 188px
        opacity: 1
      80%
        top: 81px
        left: 92px
        opacity: 1
      100%
        top: 97px
        left: 60px
        opacity: 0

回复收藏 0

~没有更多了~