简介 目录 评价 推荐
上次学到:CSS3照片墙 效果演示

简介

通过纯CSS实现绚丽的照片墙效果,展示不同位置不同角度摆放的多张照片,鼠标移动上去照片会旋转放大并且显示在最上面。主要通过CSS3中transform中的rotate属性设置照片角度,scale设置照片的缩放,最后通过transition属性设置动画时间等。

评价

23
思路很棒过程开心,演示地址: [ https://Yexiaomo.github.io/Web-/Web前端开发100例/025-CSS3打造自己的照片墙/index.html ] 源代码:[ https://github.com/Yexiaomo/Web-/tree/master/Web前端开发100例/025-CSS3打造自己的照片墙/ ]
无聊刷刷课程
全部评价

讲师

web前端攻城师,bug杀手,秒定位,秒解决。专注新领域新技术,注重性能优化。追求劳逸结合,喜欢乒乓球,爱生活,爱运动

课程须知

本课程适合对CSS3感兴趣的初学者,通过简单绚丽的案例来熟悉重要的部分CSS3动画属性。

老师告诉你能学到什么?

1、简单CSS3实现任意设置元素的旋转角度。
2、简单CSS3实现图片的等比缩放。
3、利用CSS3将元素的样式变化以动画的方式展现出来。

相关推荐

前端必学 40个精选案例实战 从零吃透HTML5+CSS3+JS
李游Leo
全栈工程师
实战课
309人学习
零基础
前端模拟面试,给你真实的求职体验和面试经验
双越
资深前端工程师
实战课
199人学习
初阶
基于Vue3新标准,打造后台综合解决方案
Sunday
全栈工程师
实战课
1936人学习
高阶
最新升级--前端内功修炼 5大主流布局系统进阶
西门老舅
前BAT高级前端研发
实战课
746人学习
初阶
CSS架构系统精讲 理论+实战玩转蘑菇街
小小小
高级前端工程师
实战课
561人学习
高阶

友情提示:

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

查看已购买课程
开始学习 免费