@keyframes의 Sass 구문과 관련된 문제

Question

Sass 구문에서도 가능하다면이 아이디어가 효과를 내기 위해 약간의 문제가 있습니다. 나는 SCSS 문법에서 사용되는 비슷한 것들을 보았고 여러 가지를 시도해 보았다. 그들 모두는 지금 실패했다.

이

코드, 당신은 그 뒤에 아이디어는 코드에서 무엇을 볼 수

@keyframes AdHop($from, $to) 
 
    0% 
 
    transform: scale($from) 
 
    100% 
 
    transform: scale($to)

그래서 내 질문은, 그렇다면 어떻게 할 수 있습니까?

Answer 1

당신은

DEMO

@mixin adHop($from, $to, $name) { 
    @keyframes #{$name} { 
    0% { transform: scale($from); } 
    100% { transform: scale($to); } 
    } 
} 

@include adHop(1, 2, cool); 
button:hover { animation: cool 1s; }