在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  網(wǎng)絡(luò)安全/ stylus中keyframes如何嵌套使用

stylus中keyframes如何嵌套使用

原本sass的語(yǔ)法要轉(zhuǎn)stylus，但是無(wú)論如何keyframes不生效，stylus的keyframes后面接一個(gè)classname。
name這種嵌套語(yǔ)法怎么寫(xiě)呢？
@keyframes pic-404__child也無(wú)效
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
回答
編輯回答
遲月

$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
2018年3月5日 20:47