我不想旋转它-现在不是1998年了!是否可以在添加is -扩展类时完全翻转此元素?
.resources__icon { @include icon('arrow-down-white', 28, 18); .is-expanded.resources__icon { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
发布于 2018-08-10 09:18:23
ScaleY可以翻转图像,而不仅仅是“改变比例”--使用scaleY而不是旋转
.resources__icon { @include icon('arrow-down-white', 28, 18); .is-expanded.resources__icon { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); }
发布于 2018-08-10 09:20:40
试试看:请将翻译替换为旋转!
.rotate{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); }
1. None rotate