您还没有专辑

开始创建自己的专辑吧

创建
您可在个人中心-我的专辑处查看
当前位置:首页 > 软件入门 > DW-动画案例之缩放动画

DW-动画案例之缩放动画

手机观看

扫一扫下载虎课app

支持离线缓存,随时随地学习

VIP优惠升级 21大分类,畅享48000+设计教程特权!

为自己充值升华学习
今日剩余学习次数:1

按住画面移动小窗

DW-动画案例之缩放动画

播放卡顿?建议切换线路

宽屏取消宽屏

学设计上虎课网

学习意犹未尽?成为VIP,继续提升

免费学习即将结束

关闭继续学习>

发表评论
收起宽屏
分享给朋友:
手机观看

扫一扫下载虎课app

支持离线缓存,随时随地学习

添加到专辑收藏已收藏收藏成功,可进入个人中心-课程收藏 查看!
目录信息笔记
课后练习学员评价 (65条评论)视频字幕查看优秀作品>

课后练习在紧急制作中。。。

课程综合评分:9.8
课程难易程度:太简单(2)简单(10)适中(47)有点难(5)太难了(0)
您需要学习后才可以评价,立即学习
评论列表
仅显示有内容的评论
仅显示带图评论
排序方式:

Hello大家好我是M ,上节课呢我们完成了,我们动画案例第三个动画方式,斜切动画 ,那么这节课呢我们就来,完成最后一个 ,这个缩放动画的一个效果的制作 ,好,我们接着上面的课来完成这个缩放动画盒子 ,缩放这个动画我们怎么做 ,还是老规矩,我们首先给 ,这个div ,添加一个新的class命名 ,和前面一样,我们这叫缩放 ,好,保存下 ,那么这个缩放 ,我们要给它设置什么呢,进到我们的css里面 ,首先我们要做的是什么 ,还是和前面一样 ,给我们缩放div一个深色背景色对不对 ,让我们鼠标移入的时候,图片透明度降低的同时 ,显示出一个深色给人一种 ,图片加深的感觉 ,好 ,缩放 ,Background-color ,一个深色 ,好,那么第一个动画的效果我们就已经完成了 ,第二个是干嘛 ,我们要控制我们这个文字的位置 ,对不对 ,点缩放 ,里面的文字 ,在写这个之前,我们是不是忘记一个东西了,我们的缩放 ,还有一个框对不对 ,这个框和旋转盒子一样,我们直接使用一个 ,Class命名叫框的div ,加进去 ,加到文字里面 ,好 ,回头来看文字,的样式,第一步 ,和旋转的 ,框一样 ,我们这个框也是要加一个80%的宽度 ,

这个80%的宽度呢,80%是以负极来定义的 ,所以呢,这个负极文字这个div我们就给它设定一个宽高 ,那么就是百分之一百了 ,宽高设置完之后呢 ,我们来顺着一个一个来 ,首先是文字里面的 ,H4标签也就是我们的标题 ,就是这个缩放动画这个标题 ,我们要怎么做?我们要让它的 ,位置下来一点是不是和前面的标题一样 ,Margin ,Margin-top ,上面我们是百分之十五,这里也是百分之十五 ,然后再要一个margin-left ,当然呢也是百分之十五 ,然后呢给它一个白色吧 ,白色 ,然后我们也可以 ,给它加粗,然后我们前面是没有加粗的 ,标题好了以后呢 ,我们 ,来改P标签也就是我们的 ,说明部分 ,这里我们margin-top不需要了,因为 ,H4标签已经下来了,P标签我们只需要 ,保持跟 ,H4标签有一定距离 ,当然啦,左边距还是得有的百分之十五 ,保存一下 ,好,这个 ,位置已经有了,我们也可以给P标签加一个颜色 ,也加白色好了 ,好,位置已经就绪了 ,还差一个框,是不是,我们继续 ,播放里面的文字,div里面的 ,框 ,这个框我们前面说了80%的宽度 ,

以及80%的,高度 ,然后还差什么呢 ,两个像素 ,Solid实线 ,以及颜色 ,这个和前面都一样的 ,然后呢?我们就要让它居中,大家还记得前面我们的 ,旋转动画是怎么让那个框居中的吗 ,我可以上去看一下不记得的 ,这里 ,通过绝对定位,然后给上面 ,10%的距离,给左边10%的距离,这样它就居中了 ,这里呢同理首先position ,Absolute当然啦我们这里给absolute ,之前呢,如果让它有效我们得给文字缩放里面的文字这个div ,一个 ,相对地位对不对,position relative ,这样我们这个 ,才针对它进行一个绝对定位 ,然后top ,10% ,

登录后查看更多
换一批

为你推荐

每周一练

立即参与
虎课网为您推荐DW-动画案例之缩放动画视频教程、图文教程、素材源文件下载,学员课后练习、作品以及评价等内容。DW-动画案例之缩放动画教程讲师:M,使用软件:DW(CC2017),难度等级:新手入门,视频时长:12分54秒 查看全部

同学,小虎知道你非常努力的想学习!

老师录制课程真的也很辛苦

赞助一下吧

确定学习吗?

您每天可免费学习一个教程。

成为VIP可无限学习 !

成为VIP吧!

成为VIP吧!

您已经免费学习 1 个教程 !

我们录制教程很努力的,赞助下吧 !

升级VIP吧!

您已经学习 5 个教程啦!

我们录制教程很努力的,赞助升级下吧 !

您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个素材文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计观看5个图文教程


您在当前分类下不是VIP,赞助VIP享受无限观看


学习后才能评价哦!

学习后才能提问哦!

获得30虎课币

评论提交成功,将在审核通过后显示

×

下载素材/源文件:

收藏成功
取消成功
特惠
充值
客户端
虎课桌面客户端
置顶播放器,边看边学习
虎课移动APP
支持离线缓存,随时随地学习
我的排行
建议意见
官方客服

官方客服

您可以与在线客服进行沟通或者拨打客服热线获得帮助

客服热线:021-80344319工作日:9:30-18:30

在线咨询:联系客服工作日:9:00-22:00

节假日:9:00-18:00

虎课积分
免费学习48000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了121,690
并提交了1,449份作业!
登录后立即学习!
loading
微信扫码关注即可登录
登录后立即学习!
手机号
验证码
立即登录
您需要同意协议才可以进行登录
已连续签到0
第一天
5个虎课币
第二天
10个虎课币
第三天
15个虎课币
第四天
20个虎课币
第五天
40个虎课币
第六天
20个虎课币
第七天
20个虎课币
立即签到
已签到
每周一重置签到奖励
已连续签到0
本周斩获110个虎课币,下周也要来哦
我知道了
已连续签到0
哎呀,签到失败了!
再次签到
哎呀,系统出现错误,请稍后重试!
上上签 · 今日宜学习
恭喜!签到成功,获得 10 个虎课币
.
书山有路勤为径,学海无涯苦作舟
— 唐代文学家 韩愈
虎课网 · 每天进步一点点
分享到
全站48000+课程免费学!昨日已有26682位学员免费领取~点我领取