html 图片不动框动,css3边框旋转内容不动

css3边框旋转内容不动

1、可以在要旋转的标签下，再用一个标签包裹住文字，

2、然后新标签的旋转方向与老标签相反。

3、比如，老标签顺时针旋转，新标签逆时针旋转，两者时间间隔、运动方式都一致，那么文字看起来就相当于没有旋转。

(推荐学习：CSS视频教程)

具体代码如下：

Document

.box{

margin: 50px;

width: 100px;

height: 100px;

text-align: center;

border: 1px solid #000;

transform: rotate(45deg);

transform-origin:center 50%;

}

.txt{

display: inline-block;

line-height: 100px;

transform: rotate(-45deg);

transform-origin:center 50%;

}

文字

效果：

更多CSS相关技术文章，请访问CSS3答疑栏目进行学习！