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

CSS3图片动态提示效果

jack.xu Web前端工程师
难度初级
时长 1小时12分
学习人数
综合评分9.53
159人评价 查看评价
9.9 内容实用
9.3 简洁易懂
9.4 逻辑清晰
= =老师你的英语是时候提高了~~!
原来and与(之间也必须有空格

@media screen and( max-width:600px){
figure{ width: 100%;}
}
@media screen and ( max-width:600px){
figure{ width: 100%;}
}
慕课网改版后好烂啊...
我的代码链接:https://github.com/Adorabletanzi/css3/tree/master/photoShow_v1.0
希望大家多多指正~~~嘿嘿
@media screnn and(min-width:601px) and (max-windth:600px){width:100%}
@media screen and (max-width:1000px){figure{width:50%}}
@media screen and (min-width:1001px){figure{width:33.33%}}
transform属性:

1、translate(水平)-- transform:translate(10px,10px);

2、rotate(旋转)-- transform:rotate(90deg);

3、scale(缩放)-- transform:scale(0.5,,0.5);

4、skew(缩放)-- transform:skew(50deg,,0deg);
时间: 2天前
棒棒棒棒棒!!!!!
这个还需要做浏览器兼容,也就是那个-webkit-巴拉巴拉的,所以还是要用个scss文件统一写一下比较方便,要不然太多的浏览器兼容写的好累。分享一个跟着老师学完和带后面作业的链接: http://pan.baidu.com/s/1c0c2gDE 密码: jcw4
老师,棒棒哒。。。
课程挺不错的,不像JS那么 麻烦
响应式原来就是酱紫哒
赞赞赞赞赞!!!!!
很好学!也很好玩!
ddddddd
6666,老师讲的太好了,期待下一次视频
课程须知
1、您要具备HTML和CSS基础知识 2、了解CSS3中的动画。
老师告诉你能学到什么?
1,学会两个HTML5新标签figure以及figcaption 2,学会使用CSS的transform 3,学会使用CSS3的transition 4,学会利用属性配合制作出绚丽的动画效果

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消