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

CSS3图片动态提示效果

jack.xu Web前端工程师
难度初级
时长 1小时12分
学习人数
综合评分9.53
159人评价 查看评价
9.9 内容实用
9.3 简洁易懂
9.4 逻辑清晰
真正的干货
img的过度效果没有用,不知道为什么,
我还没学Github,只知道有个百度云能分享。
http://pan.baidu.com/s/1b0Q8fO (这只是半成品,效果都有。只支持webkit内核(我没加浏览器的兼容性前缀))

老师布置的课后作业,大家一起做一起交流~
简单完美,缩放动画造成的一种视觉冲击~
最近一直“沉溺于”CSS的世界里无法自拔,好玩有趣,利用这些技术我要自己做一个属于自己的“项目”
扭曲动画大功告成O(∩_∩)O哈!

瞎说,老师哪里给位移添加加透明属性了~我找了好几遍,也没看到opacity:0
由于自己找的素材宽高比例不同,所以自己不能完全按照老师的来。但总体框架和实现效果一样,旋转效果也出来啦O(∩_∩)O哈哈~
自己网上找的素材,跟着老师一步一步敲,不懂得地方暂停回退,看到效果终于出来,我狂喜~
用DW编写东西的确效率很低
听着北京话老想笑
老师说的三角图片 应该中心点是定位到左下角吧
在火狐浏览器里面,用skew会出错,似乎其他图片都倾斜90度了,这个谁遇到了
说的很细致。
我来冒个泡
课程须知
1、您要具备HTML和CSS基础知识 2、了解CSS3中的动画。
老师告诉你能学到什么?
1,学会两个HTML5新标签figure以及figcaption 2,学会使用CSS的transform 3,学会使用CSS3的transition 4,学会利用属性配合制作出绚丽的动画效果

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消