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

CSS3图片动态提示效果

jack.xu Web前端工程师
难度初级
时长 1小时12分
学习人数
综合评分9.53
159人评价 查看评价
9.9 内容实用
9.3 简洁易懂
9.4 逻辑清晰
老师讲的太好了~~,大爱呀~
膜拜,老师厉害!!!!
很像蒋劲夫的声音
声音好像蒋劲夫哦!讲的超棒
老师这个颜色选择器,是什么啊?好方便
向老师致敬
赞赞赞,老师讲的非常不错
做出来的效果不旋转……
感觉最后那两个比较高级。。
之前加了位移translate 加了opacity: 0; 简直多此一举,直接90度就自动消失,做出的效果更炫酷!
transform:translate(X,X)空格rotate(Xdeg); 原来可以这样用,直接做背景图旋转想死我了,而且编辑器不认 空格后补全!这是一坑朋友们!
给老师32个赞
figcaption
老师讲的很细 很赞
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);
课程须知
1、您要具备HTML和CSS基础知识 2、了解CSS3中的动画。
老师告诉你能学到什么?
1,学会两个HTML5新标签figure以及figcaption 2,学会使用CSS的transform 3,学会使用CSS3的transition 4,学会利用属性配合制作出绚丽的动画效果

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消