                        课程
                    
                        /前端开发
                        
                            /CSS3
                        
                        /CSS3图片动态提示效果

同样的代码，<h2>的<p>标签的斜切不一样，<h2>就是直接显示，没有斜切效果，<p>标签和老师讲的动画一样，不知道为什么，难道是浏览器的问题！

.test3 figcaption h2{transform:skew(90deg);}

.test3 figcaption p{transform:skew(90deg);}

.test3:hover figcaption p{transform:skew(0deg);}

.test3:hover figcaption h2{transform:skew(0deg);}

徐佳骏

2015-09-18

源自：CSS3图片动态提示效果 3-3

关注问题我要回答

1031

操作

收起

4 回答

壹贰叁肆伍
2017-08-14

我的加90度除了火狐之外的浏览器都会卡死。刷新都没用要重新打开页面。但是其他任意角度都不会有这个问题。

0 回复有任何疑惑可以回复我~

_This
2016-05-26

Me too

0 回复有任何疑惑可以回复我~

qianduancainiao
2016-05-02

我的也是这样

0 回复有任何疑惑可以回复我~

echo_kinchao
2015-09-21

是不是老师给h2独自添加的了斜切的属性

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

CSS3图片动态提示效果

参与学习 53895 人
解答问题 142 个

实用的CSS3图片动态提示效果，熟练掌握CSS动画的制作技法

同样的代码，<h2>的<p>标签的斜切不一样，<h2>就是直接显示，没有斜切效果，<p>标签和老师讲的动画一样，不知道为什么，难道是浏览器的问题！

我要回答关注问题

意见反馈帮助中心 APP下载