学途无忧
标题:
前端功能实战之CSS3绚丽照片墙
[打印本页]
作者:
admin
时间:
2018-9-14 15:44
标题:
前端功能实战之CSS3绚丽照片墙
221313szn0n943i5o0pslt.jpg
(10.26 KB, 下载次数: 62)
下载附件
2018-9-14 15:43 上传
课程简介:
通过纯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/)
Powered by Discuz! X3.2