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

CSS3绚丽照片墙

难度初级
时长30分
学习人数
综合评分9.6
184人评价 查看评价
9.7 内容实用
9.5 简洁易懂
9.5 逻辑清晰
简介:通过纯CSS实现绚丽的照片墙效果,展示不同位置不同角度摆放的多张照片,鼠标移动上去照片会旋转放大并且显示在最上面。主要通过CSS3中transform中的rotate属性设置照片角度,scale设置照片的缩放,最后通过transition属性设置动画时间等。

第1章 CSS3绚丽照片墙

通过纯CSS实现绚丽的照片墙效果,即展示不同位置不同角度摆放的多张照片,鼠标移动上去照片会旋转放大并且显示在最上面。主要通过CSS3中transform中的rotate属性设置照片角度,scale设置照片的缩放,最后通过transition属性设置动画时间等。
课程须知
本课程适合对CSS3感兴趣的初学者,通过简单绚丽的案例来熟悉重要的部分CSS3动画属性。
老师告诉你能学到什么?
1、简单CSS3实现任意设置元素的旋转角度。 2、简单CSS3实现图片的等比缩放。 3、利用CSS3将元素的样式变化以动画的方式展现出来。
意见反馈 帮助中心 APP下载
官方微信