Please Explain The Logic To Me

I wrote the SASS code by following the instructions, and the result is below, which appears to be right.

.notecard {
@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.

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