dmz社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 33589|回复: 49

[@] 前端功能实战之CSS3绚丽照片墙

  [复制链接]

2970

主题

93

帖子

408

积分

会|员

Rank: 9Rank: 9Rank: 9

积分
408
发表于 2018-12-19 21:03:57 | 显示全部楼层 |阅读模式
程序人生
课程方向: 网页前端 
课程类型: 功能实现 

本站资源全部免费,回复即可查看下载地址!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
547ed1c9000150cc06000338-240-135.jpg
课程简介:
通过纯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)

游客,如果您要查看本帖隐藏内容请回复


回复

使用道具 举报

42

主题

7729

帖子

964

积分

终身会员[A]

Rank: 7Rank: 7Rank: 7

积分
964

发表于 2019-1-18 05:42:19 | 显示全部楼层
没看完~~~~~~ 先顶,好同志
回复 支持 反对

使用道具 举报

26

主题

7864

帖子

958

积分

终身会员[A]

Rank: 7Rank: 7Rank: 7

积分
958

发表于 2019-1-22 14:51:02 | 显示全部楼层
谢谢楼主,共同发展
回复 支持 反对

使用道具 举报

27

主题

7861

帖子

1048

积分

终身会员[A]

Rank: 7Rank: 7Rank: 7

积分
1048

发表于 2019-1-24 09:31:00 | 显示全部楼层
学习了,不错,讲的太有道理了
回复 支持 反对

使用道具 举报

17

主题

7958

帖子

986

积分

终身会员[A]

Rank: 7Rank: 7Rank: 7

积分
986

发表于 2019-1-25 20:38:15 | 显示全部楼层
我是来刷分的,嘿嘿
回复 支持 反对

使用道具 举报

发表于 2019-2-3 03:20:51 | 显示全部楼层
过来看看的
回复 支持 反对

使用道具 举报

4

主题

3452

帖子

10

积分

终身会员[A]

Rank: 7Rank: 7Rank: 7

积分
10

发表于 2019-2-6 21:21:20 | 显示全部楼层
路过,支持一下啦
回复 支持 反对

使用道具 举报

5

主题

3481

帖子

4

积分

终身会员[A]

Rank: 7Rank: 7Rank: 7

积分
4

发表于 2019-2-11 16:35:22 | 显示全部楼层
不知该说些什么。。。。。。就是谢谢
回复 支持 反对

使用道具 举报

15

主题

7875

帖子

966

积分

荣誉会员

积分
966

发表于 2019-2-15 00:01:04 | 显示全部楼层
支持一下:lol
回复 支持 反对

使用道具 举报

发表于 2019-2-18 15:44:05 | 显示全部楼层
过来看看的
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|小黑屋|dmz社区

GMT+8, 2026-7-30 11:44 , Processed in 0.050582 second(s), 13 queries , Redis On.

Powered by Discuz! X3.4 Licensed

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表