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

CSS3图片动态提示效果

jack.xu Web前端工程师
难度初级
时长 1小时12分
学习人数
综合评分9.53
159人评价 查看评价
9.9 内容实用
9.3 简洁易懂
9.4 逻辑清晰

已采纳回答 / 我想做前端大牛
在两个div外再包一层div<div class='wrap'><div class="one"></div><div class="two"></div></div>然后在父级元素使用hovor。transition要用在变形的元素上,不是用在hover的时候,transition是一个状态,当某元素变形时进行的属性比如.one类选择器的元素变形就用在这个选择器的css样式里.one{transition:all 1s ease;}...

已采纳回答 / 啃着西瓜晒太阳
不一样的概念,hover悬停的p更详细点,p标签是html所有标签

最新回答 / 慕移动9181930
欢迎常来慕课学习!小伙伴在等着你!嗯嗯,所以才有了相应式布局的出现

最新回答 / 小草1434
http://pan.baidu.com/s/1pLeUwen   这是我根据视频写的代码

最赞回答 / 子涵_program
去看看css3的动画transtion使用。要把transition:要改变属性;放到test1里。把改变后的属性和值放到hover里才有来回的动画。单单放在hover里只有去的动画,回来没有动画。再有就是只写transform是没有动画的,transform只是变换,只是图形变了。要写transition:transform;这样表示对transform改变过程使用transition动画来实现

最新回答 / 小贤子呢
 你得宽高设置有问题, 如果子元素设置了80%的宽高,就代表是父元素的80%, 父元素的宽高改变,子元素会随之改变 , 仔细看一下你得代码,应该是位置写错了

最新回答 / _This
格式问题,把.test3:hover img{opacity: 0.5;};后面的分号去掉就可以了

已采纳回答 / PARADISELIN
你自己给figure的类名是text1,你写成text了

最新回答 / 子涵_program
你的div是要和<h1>和<p>是兄弟元素。你可能是另外用一个div把h1、p这两个标签包起来了。新加入的div和怕p、h1外面是没有div的

最新回答 / xdlumia
不加all  指的就是默认。默认就是全部。css 里只有hove.用click 需要js写鼠标时间 也是这么添加的。

最新回答 / 落日无痕
设置文字大小或间距
课程须知
1、您要具备HTML和CSS基础知识 2、了解CSS3中的动画。
老师告诉你能学到什么?
1,学会两个HTML5新标签figure以及figcaption 2,学会使用CSS的transform 3,学会使用CSS3的transition 4,学会利用属性配合制作出绚丽的动画效果

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消