为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/HTML/CSS

/HTML5和CSS3扁平化风格博客

在banner里将icon旋转了45度后，icon里面的内容也旋转了45度 怎么改

在banner里将icon旋转了45度后，icon里面的内容也旋转了45度 怎么改到里面的内容不旋转

Holy_小银

2016-10-20

源自：HTML5和CSS3扁平化风格博客  3-8

关注问题 我要回答
1408
操作
收起

正在回答

3 回答

qq_挺哥_0 回答被采纳 +3 积分
2016-10-22

.icons span i{

    display:inline-block;

   transform: rotate3d(0,0,1,-45deg) translate(-35px,30px);

}

span里面套个i标签，然后让它转和移动

1 回复 有任何疑惑可以回复我~
收起回答
#1

Holy_小银 提问者

好 谢谢啦
2016-10-23 回复 有任何疑惑可以回复我~
qq_佛说过过过_0
2016-11-02

transform: rotate3d(0,0,1,-45deg) translate(-50%,50%);

0 回复 有任何疑惑可以回复我~
收起回答
qq_挺哥_0
2016-10-21

把icon里面的span转回来就好啦

0 回复 有任何疑惑可以回复我~
收起回答
#1

Holy_小银 提问者

是要span转315deg吗 我两个都试过转315deg和-45deg都没反应
2016-10-21 回复 有任何疑惑可以回复我~
#2

qq_佛说过过过_0 回复 Holy_小银 提问者

他的意思可能是在内容外部加一个div之内的标签，然后对这个标签进行transform:rotate(-45deg);但是位置会移动，应该是中心点的问题。
2016-11-02 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
HTML5和CSS3扁平化风格博客
  • 参与学习       86811    人
  • 解答问题       383    个

HTML5与CSS3搭建超酷扁平化风格博客

进入课程

在banner里将icon旋转了45度后，icon里面的内容也旋转了45度 怎么改

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信