如何使用CSS将元素翻转180度？开发者社区

文章/答案/技术大牛

发布

 .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);
            }

.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);
            }

.rotate{
  transform:rotate(180deg);
   -webkit-transform:rotate(180deg);
   -moz-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
}

1. None rotate

推荐文章

踏实的汉堡包 · 如何设置仅显示月份和年份的日期选择器的日期_如何只用月份和年份字段显示android的日期选择器？_日期、年份和月份的数组 - 腾讯云开发者社区 - 腾讯云

4 月前

活泼的小马驹 · Github 总结！「Java知识体系详细汇总2021版」开放下载了！_公众号:方志朋的博客-CSDN博客

1 年前

很酷的南瓜 · WPF全局字体大小 - 问答 - 腾讯云开发者社区-腾讯云

1 年前

英俊的脆皮肠 · js等待异步方法结束_js 等待异步结束_如何等待异步函数结束？ - 腾讯云开发者社区 - 腾讯云

1 年前

酷酷的石榴 · Python 过滤字符串中的emoji_python 过滤字符串中的表情_野蛮大胖的博客-CSDN博客

1 年前

问 如何使用CSS将元素翻转180度？ EN

回答 2

Stack Overflow用户

Stack Overflow用户