Please Explain The Logic To Me


#1

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.


#2

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.