<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
/*@mixin animate($name,$time,$args...)
{
transition: $name $time $args;
}
div
{
width: 200px;
height: 200px;
background: red;
@include animate(all,4s,linear,0s);
}
div:hover
{
width: 400px;
height: 400px;
background: blue;
}*/
/*以下是css的*/
div {
width: 200px;
height: 200px;
background: red;
transition: all 4s linear, 0s;
}
div:hover {
width: 400px;
height: 400px;
background: blue;
}
</style>
</head>
<body>
<div></div>
<!--只不过由于SASS不是使用JS实现的, 所以不能直接在混合中使用arguments
必须通过 $args...的格式来定义可变参数, 然后通过$args来使用
注意点: 和LESS一样可变参数必须写在形参列表的最后-->
</body>
</html>