学途无忧

标题: 前端功能实战之CSS3绚丽照片墙 [打印本页]

作者: admin 时间: 2018-9-14 15:44
标题: 前端功能实战之CSS3绚丽照片墙

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

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

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

课程目录:
第1章 CSS3绚丽照片墙
通过纯CSS实现绚丽的照片墙效果，即展示不同位置不同角度摆放的多张照片，鼠标移动上去照片会旋转放大并且显示在最上面。主要通过CSS3中transform中的rotate属性设置照片角度，scale设置照片的缩放，最后通过transition属性设置动画时间等。
1-1 CSS3照片墙效果演示 (02:18)
1-2 CSS3照片墙步骤分解 (01:22)
1-3 CSS3照片墙技术点分析 (03:17)
1-4 CSS3照片墙动画实现 (19:18)

作者: onlifes 时间: 2021-1-5 16:41
么有分，谁能送我点积分啊::>_<::

欢迎光临学途无忧 (http://xuetu123.com/)