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

CSS3图片动态提示效果

jack.xu Web前端工程师
难度初级
时长 1小时12分
学习人数
综合评分9.53
159人评价 查看评价
9.9 内容实用
9.3 简洁易懂
9.4 逻辑清晰
真能扯 ,,,,,
讲解很细致,我都听懂啦!老师很棒哒!

最新回答 / fulcrum_逸凡
回答问题一:图片不是设置多少像素的问题,而是设置图片外面figure容器宽度在整个浏览器所占的百分比,如果是浏览器宽度小于一定值的时候设置占比100%,这个时候显示一张图片,设置50%的时候显示两张,设置33.333%的时候显示三张图片,核心就是宽度设置占浏览器的百分比是多少。回答问题二:可能是你的标签控制不当吧,这个肯定跟插入的图片宽度无关的。你检查一下代码是不是写错了,你没有具体代码只能这样子回答你。
如果老师的实例能开放一下代码就好了,这样我们能加深学习并规范编写代码
动画效果运行不起,可能是浏览器兼容性问题,在想对应的的执行代码前,加浏览器的前缀
左上角是没错的。老师做的遮罩层是在图片的下面,从下面转上来的。你说的左下角是想成遮罩层盖在图片上,这样转。但是遮罩层在图片上市做不出来老师视频中的效果的。我为什么知道?因为我这坑我踩过了。

最新回答 / 虎鎏飞霁k
position:absolute 设置margin-top;margin-left;
好,通俗易懂

已采纳回答 / V小队
<!DOCTYPE html><html> <head>     <meta charset="UTF-8">     <title>V小队出品,可随时私聊~</title>      <style type="text/css">         #div{         width: 500px;         height: 500px;         background: dar...

已采纳回答 / V小队
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>V小队出品,可随时私聊~</title>  <style type="text/css"> #div{ width: 500px; height: 500px; background: darkcyan; margin: 20px auto; position: rel...
写完。test3属性,3张图片的标题&lt;h2&gt;都不见了
老师说话有堵塞感,特么特么难听
chorme使用斜切动画直接卡死了....
其实,不需要定义那么多初始动画值的
(・_・ヾ听着不错,涨知识
课程须知
1、您要具备HTML和CSS基础知识 2、了解CSS3中的动画。
老师告诉你能学到什么?
1,学会两个HTML5新标签figure以及figcaption 2,学会使用CSS的transform 3,学会使用CSS3的transition 4,学会利用属性配合制作出绚丽的动画效果

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消