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

没有过渡效果

http://img1.sycdn.imooc.com//56078a440001bb4306900265.jpg

是不是.test1 figcaption p:nth-of-type(1)里面不行

正在回答

4 回答

test1 figcaption p:nth-of-type(1)这个没有错的,

你的问题应该是没有处理兼容性。

这些css3元素的属性都是有兼容问题的,在不同浏览器呈现效果要注意添加前缀。

transition:

例如{
transition: width 2s;
-moz-transition: width 2s; /* Firefox 4 */

-webkit-transition: width 2s; /* Safari 和 Chrome */

-o-transition: width 2s; /* Opera */}

transfrom:

例如{
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */

-moz-transform:rotate(7deg); /* Firefox */

-webkit-transform:rotate(7deg); /* Safari 和 Chrome */

-o-transform:rotate(7deg); /* Opera */

}

nth-of-type:除了IE8 都兼容


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

没有引用对吧

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

可以啦

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

龙魄

我也有相同的情况,怎么弄的
2015-10-18 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
CSS3图片动态提示效果
  • 参与学习       53897    人
  • 解答问题       142    个

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

进入课程

没有过渡效果

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