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

CSS3图片动态提示效果

jack.xu Web前端工程师
难度初级
时长 1小时12分
学习人数
综合评分9.53
159人评价 查看评价
9.9 内容实用
9.3 简洁易懂
9.4 逻辑清晰
这个专题受益匪浅,感觉讲的不错。

已采纳回答 / 李晓健
媒体查询正常只会用一个样式,不会出现同一个屏幕上用两种样式的,因为每一个设备的宽度是固定的,我们在做测试时去改变浏览器的大小来检测媒体查询工作是否正常。但是这种情况在真实情况下是不会出现的。所以也没有必要去做过渡效果,如果非要做可以通过css的过渡去做。

已采纳回答 / 霞_霞
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style>div,p{padding: 0;margin:0;}.u{width:100px; height:100px;position:relative; left:50%; top:100px;}.f{width:100px; height:100px; background-...

最新回答 / 子涵0828
你先替最外面的容器设置一个高度,body,html{height:100%;}然后你在设置figure{ height:50%}就可以了
赞~\(≧▽≦)/~,谢谢老师!
谷歌,火狐怎么都动不了?
每次看都是刷了n遍之后,才能看
很赞,讲的很清晰,很明白,期待老师给更多的教程!
请问谁有课程的源代码,分享一下呗,谢谢!
讲的很详细
火狐,谷歌,360浏览器,同样的代码执行都不一样。
很厉害 讲的很明白 谢谢老师
¥¥¥¥¥¥¥¥¥¥
才发现谷歌不支持旋转效果
课程须知
1、您要具备HTML和CSS基础知识 2、了解CSS3中的动画。
老师告诉你能学到什么?
1,学会两个HTML5新标签figure以及figcaption 2,学会使用CSS的transform 3,学会使用CSS3的transition 4,学会利用属性配合制作出绚丽的动画效果

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消