|
|
相关文章推荐
|
玩手机的啄木鸟 · 【ThinkPHP】like同一个字段多个条 ...· 3 月前 · |
|
|
帅气的领带 · [译] 使用 Shadow DOM ...· 1 年前 · |
|
|
谈吐大方的香菜 · 生产发生java.io.IOExceptio ...· 1 年前 · |
如何使用CSS将元素翻转180度？
问
如何使用CSS将元素翻转180度？
EN
EN
Stack Overflow用户
提问于
2018-08-10 09:09:27
回答 2
查看 1.1K
关注 0
票数 -1
我不想旋转它-现在不是1998年了！是否可以在添加is -扩展类时完全翻转此元素？
代码语言：
javascript
复制
.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);
}
EN
回答 2
Stack Overflow用户
发布于 2018-08-10 09:18:23
ScaleY可以翻转图像，而不仅仅是“改变比例”--使用scaleY而不是旋转
代码语言：
javascript
复制
.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);
}
票数 1
EN
Stack Overflow用户
发布于 2018-08-10 09:20:40
试试看:请将翻译替换为旋转！
代码语言：
javascript
复制
.rotate{
transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
代码语言：
javascript
复制
1. None rotate
推荐文章