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

CSS3绚丽照片墙

Ben 产品经理
难度初级
时长30分
学习人数
综合评分9.57
192人评价 查看评价
9.7 内容实用
9.5 简洁易懂
9.5 逻辑清晰
老师讲得太棒了,完全听懂了,给100个赞!

最新回答 / SyRadiance
<...图片...>   margin 第一个值 和 第二个值 之间不用加分号   
好多美女!
谢谢老师领我入门!希望更新更多面向前端新手的教程
可以用js来控制每张图片的位置以及倾斜角度,具体代码可以看下这篇手记 http://www.imooc.com/article/12523
想了一下,这个如果图片多的话,肯定不能一个个的去写CSS样式。可以设置一个公共的样式,再用JS随机数来控制每个图片的rotate角度(毕竟每个图片的差异点就这一个)。
@ [Agony2015]
Agony2015 你不喜欢不代表别人不喜欢这种方式。
喜欢这样的平台,支持
好棒,前端真不错!
老师能把源码分享出来,业界良心,而且ppt很详细,谢谢老师
然后~~我们要写三遍呀..哈哈
老师已经转行做产品了?
知识点讲的很清楚,又简单又实用,效果很酷
谢谢老师的无私奉献!
.mainDiv:hover{
-webkit-transform:rotate(720deg) scale(2);
-moz-transform:rotate(720deg) scale(2);
transform:rotate(720deg) scale(2);
background-color:red;
color:black;
}
课程须知
本课程适合对CSS3感兴趣的初学者,通过简单绚丽的案例来熟悉重要的部分CSS3动画属性。
老师告诉你能学到什么?
1、简单CSS3实现任意设置元素的旋转角度。 2、简单CSS3实现图片的等比缩放。 3、利用CSS3将元素的样式变化以动画的方式展现出来。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消