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

CSS3绚丽照片墙

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

最新回答 / 小呀嘛小白菜
最好把代码也一起粘出来,你的放大效果和旋转效果是一起不好用的还是只有放大不好用,如果只是放大不好用有可能是单词拼错了吧

最新回答 / KATGEEK
要写在hover里面,当鼠标滑过时显示。多个属性值用空格隔开

最新回答 / Leebours
可以设置下font-weight,代码:.mainDiv:hover{font-weight:bolder;}   。然后字体想跟图片上的一样就设置一下font-famliy,body{font-family: 'Microsoft YaHei', Verdana, Geneva, sans-serif;}transition 的all关键字就是让transition作用于这个class或者id的所有属性transition是过渡效果,写在hover里面是为了当鼠标划过div时,hover中属性的变化有过...
老师讲的非常好!!!!!
很有用,终于弄懂了
看似简单 确很美好

已采纳回答 / qq_Jabo
思路:获取container的高宽,根据这个控制Math.random()的值作用与每张图片的top、left值,再随机设置个rotate的值
简单易懂,效果还赞,但是图片如果很多的话,这样一个个设置也太麻烦了呀,
应该可以随机生成摆放的位置,需要优化一下下
我爱慕课网!!!!
css3的兼容性不是太好,js在有些地方更具优势,css3虽强大却缺乏用武之地

最新回答 / everynewday
/* css3 让一个图片不断翻转示例代码 */#gavinPlay{ /* background:color url x y repeat 图片来自百度图片,按需要更换 */ background:red url("https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2406548182,3889596045&fm=80") center no-repeat; /* background-size:auto auto || cover 代表以宽或高填满元素...
“同学代码”里有个很不错的创意,大家可以拿来送给女朋友!
建议大家写css样式(分文件写)时利用LiveStytle工具,这样就可以不用在编辑器和浏览器来回切换看效果。大大的节省时间和精力。慕课网里有相关的课程~~
近期专攻CSS 撂倒她!
课程须知
本课程适合对CSS3感兴趣的初学者,通过简单绚丽的案例来熟悉重要的部分CSS3动画属性。
老师告诉你能学到什么?
1、简单CSS3实现任意设置元素的旋转角度。 2、简单CSS3实现图片的等比缩放。 3、利用CSS3将元素的样式变化以动画的方式展现出来。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消