CSS的预处理框架stylus学习教程

2020-05-07 06:31:38易采站长站整理

  }   
  33% {   
    background-color: #00f;   
    -webkit-transform: scale(1.1) rotate(-5deg);   
  }   
}   
@-webkit-keyframes pulse {   
  0% {   
    background-color: #f00;   
    transform: scale(1) rotate(0deg);   
  }   
  33% {   
    background-color: #00f;   
    -webkit-transform: scale(1.1) rotate(-5deg);   
  }   
}   
@-o-keyframes pulse {   
  0% {   
    background-color: #f00;   
    transform: scale(1) rotate(0deg);   
  }   
  33% {   
    background-color: #00f;   
    -webkit-transform: scale(1.1) rotate(-5deg);   
  }   
}   
@keyframes pulse {   
  0% {   
    background-color: #f00;   
    transform: scale(1) rotate(0deg);   
  }   
  33% {   
    background-color: #00f;   
    -webkit-transform: scale(1.1) rotate(-5deg);   
  }   
}  

CSS字面量(CSS Literal)

stylus

CSS Code复制内容到剪贴板

@css {   
  body {   
    font: 14px;   
  }   
}  

编译成

CSS Code复制内容到剪贴板

body {   
  font: 14px;   
}