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

CSS3图片动态提示效果

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

最新回答 / 风鸟默默
我也出现了崩溃的情况,当在谷歌浏览器时,只定义x方向斜切动画才会出现,在其他浏览器中没有问题,不知道是什么原因。不过超过三个动画应该不会让浏览器崩溃的。

最新回答 / 一枫红叶QIU
对着, transform-origin:0 0;表示旋转中心为原点。

最赞回答 / Angelacc
<...code...><...code...>经过测试没啥问题,分享下

最新回答 / 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...

最新回答 / WEB丶FriEnD
不行(最好不要);   //起码对于这章节的效果放进去之后h2和p就相当于被放进了div的舞台,跟随着div做同样的动画,(或许你可以用相反的动画抵消掉,但这样不知道会有什么bug,并且过于麻烦)

最新回答 / 小过客丶
是不是你figcaption里面的标题和注的释标签相同了?

最新回答 / qq_司徒骏文_03532812
据我推测你这里少个div加transition:figure figcaption p,div{    transition: all 0.35s;}0.0 你这里看看有没有少些div。

最新回答 / Angelacc
<...code...><...code...>经测试没问题 先定义div 偏移出界面0度旋转鼠标经过后div移动进入视野并加以角度旋转 定义标签不要忘记z-index值可以随意给大就好  否则p标签的字就不会再div之上。
课程须知
1、您要具备HTML和CSS基础知识 2、了解CSS3中的动画。
老师告诉你能学到什么?
1,学会两个HTML5新标签figure以及figcaption 2,学会使用CSS的transform 3,学会使用CSS3的transition 4,学会利用属性配合制作出绚丽的动画效果

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消