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

CSS3绚丽照片墙

Ben 产品经理
难度初级
时长30分
学习人数
综合评分9.57
192人评价 查看评价
9.7 内容实用
9.5 简洁易懂
9.5 逻辑清晰

已采纳回答 / 田心枫
还行吧  写前端可以应用到自己项目里面

已采纳回答 / qq_Jabo
思路:获取container的高宽,根据这个控制Math.random()的值作用与每张图片的top、left值,再随机设置个rotate的值

已采纳回答 / 慕莱坞9220042
视频右下角,有资料下载,可以自己下载看下

已采纳回答 / 小耳朵图图
能把你的代码贴出来吗?

已采纳回答 / 慕斯0315010
transition-timing-function:ease-in-out           这涉及到transition具体设置可以去看看10天精通css3

讲师回答 / Ben
webkit 前面少了-

已采纳回答 / tabooc
楼上真扯,现在chrome内核是blink好吧.

讲师回答 / Ben
z-index没有中间可以过度的状态,不像宽度 比如从5px 到 10px 中间有6px、7px...等过度的状态

讲师回答 / Ben
这里其实准确写法应该是transform:scale() rotate();或者transform:rotate() scale();这样就没问题了不需要换行写两次transform,因为这些变形都是由transform控制的,所以写在一起用空格隔开就可以了
首页上一页12下一页尾页
课程须知
本课程适合对CSS3感兴趣的初学者,通过简单绚丽的案例来熟悉重要的部分CSS3动画属性。
老师告诉你能学到什么?
1、简单CSS3实现任意设置元素的旋转角度。 2、简单CSS3实现图片的等比缩放。 3、利用CSS3将元素的样式变化以动画的方式展现出来。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消