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

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%}就可以了

最新回答 / cesiya23
部分浏览器要加前缀transition: ; -moz-transition: ; /* Firefox 4 */ -webkit-transition: ; /* Safari 和 Chrome */ -o-transition: ; /* Opera */ transform: ; -ms-transform: ;     /* IE 9 */ -moz-transform: ;    /* Firefox */ -webkit-transform: ; /* Safari 和 Chro...

已采纳回答 / 小王子抓猫咪
没有任何不一样,这就是一种习惯。只要你的hover鼠标移动上去时,标签上有transition数据就可以了

最新回答 / 哈娃娃
斜切的那个是skew,先skew(90deg),看不见元素了。hover之后,skew(0),就会出现。能解决问题吗?

最新回答 / 晚安sp
鼠标右击任务栏,点属性,把锁定任务栏的复选框取消,然后确定,然后鼠标左击按住任务栏拖动到左边,OK

最新回答 / june18th
两点需要注意:一个是and后边要有空格,                        第二是每次设定条件都要加and。 @media screen and (max-width: 600px){ figure{width: 100%} }<...code...> @media screen /*要加一次and...

最新回答 / 风子满山
我觉得两个div,一个只显示竖直方向,一个只显示水平方向,在设置两个div的位置就可以做到啦

最新回答 / jearyvon
检查一下网络环境

已采纳回答 / echo_kinchao
应该是样式写错了
课程须知
1、您要具备HTML和CSS基础知识 2、了解CSS3中的动画。
老师告诉你能学到什么?
1,学会两个HTML5新标签figure以及figcaption 2,学会使用CSS的transform 3,学会使用CSS3的transition 4,学会利用属性配合制作出绚丽的动画效果

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消