源码小哥哥 发表于 2018-12-19 21:03:57

前端功能实战之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)

**** Hidden Message *****

桃多多 发表于 2019-1-18 05:42:19

没看完~~~~~~ 先顶，好同志

钧霏尔 发表于 2019-1-22 14:51:02

谢谢楼主，共同发展

this123 发表于 2019-1-24 09:31:00

学习了，不错，讲的太有道理了

funyqg 发表于 2019-1-25 20:38:15

我是来刷分的，嘿嘿

zhiqingzhelong 发表于 2019-2-3 03:20:51

过来看看的

sumsdant 发表于 2019-2-6 21:21:20

路过，支持一下啦

yangkang597 发表于 2019-2-11 16:35:22

不知该说些什么。。。。。。就是谢谢

sky_huanglong 发表于 2019-2-15 00:01:04

支持一下:lol

Java奥特曼 发表于 2019-2-18 15:44:05

过来看看的
页: [1] 2 3 4 5
查看完整版本: 前端功能实战之CSS3绚丽照片墙