I wrote the SASS code by following the instructions, and the result is below, which appears to be right.
.notecard {
&:hover{
@include transform (rotatey(-180deg));
}
@include transform-style(preserve-3d);
@include transition(0.4s);
width: 300px;
height: 180px;
…
}
However, I cannot understand why the both properties, “@include transform-style(preserve-3d)” and “@include transition(0.4s);” should not be inserted into the pseudo-element, hover, declaration part?
I think those @include properties should be invoked when the element is hovering, but it seems incorrect.
Please teach me, Thanks.