您还没有专辑

开始创建自己的专辑吧

创建
您可在个人中心-我的专辑处查看
当前位置:首页 > 软件入门 > DW-transition样式

DW-transition样式

手机观看

扫一扫下载虎课app

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

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

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

按住画面移动小窗

DW-transition样式

播放卡顿?建议切换线路

宽屏取消宽屏

学设计上虎课网

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

免费学习即将结束

关闭继续学习>

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

扫一扫下载虎课app

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

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

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

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

Hello大家好,我是M ,上节课呢,我们学会了变形样式TransForm ,那么既然是 ,CSS动画使用技巧 ,怎么样让我们的网页元素动起来呢 ,这节课呢,我们要学习的就是这个动 ,Transition样式,也是我们的过度 ,好,我们来看一下这节课的主要内容 ,这课的重点呢,就是学习 ,Transition样式了以及它下面的四个属性 ,第一个呢,Property,第二个,Duration ,第三个,Timing-Function,第四个Delay ,好,我们一个一个来看这四个属性分别的控制一些什么东西 ,首先我们简单的来认识一下Transition ,Transition呢,是CSS3样式 ,主要呢,用于元素的过度动画处理 ,然后下面就是它的四个属性啦,这个我们刚刚 ,有了解过,后面呢,我们会详细的来介绍这四个属性 ,那么这里呢,我们要学习一个新的概念叫兼容性 ,兼容性就是浏览器是否可以识别 ,而我们这个Transition的样式呢,需要IE10以上的版本 ,浏览器才可以识别出来,打个比方这里我们 ,网页写好了之后,使用的Transition样式,如果你使用的是 ,IE9浏览器的话,那么这个样式是不会被识别出来的 ,所以这个兼容性,我们大家要注意了 ,这里呢,Transition兼容性是需要IE10以上 ,好了,我们来看一下Transition的四个属性,第一个Property ,它主要呢,是用来检索或设置对象中的参与 ,过度的属性,什么意思呢?就是 ,我们可以通过Property来设置 ,哪些属性是参与我们这个Transition样式的 ,

过度,哪些是不参与的,Duration过度动画的持续时间 ,这个就很好解释啊,就是一个时间了 ,Timing-Function检索或设置对象过度的动画类型 ,这个动画类型是什么呢?我们大家 ,同学如果以前做过PPT应该知道,有一些什么渐影,渐出啊 ,或者是由快变慢,由快变,由慢变快等等 ,这个就是我们 Timing-Function ,Delay就是设置对象延迟过度的时间 ,这个呢,我们在多个元素的情况下,使用话效果会非常的好 ,好,那么我们进入到DW里面,来具体的看一下 ,我们还是新建一个HTML ,那标题呢,就是我们的 ,过度样式,创建 ,好,在开始之前,我们来看一下我们这节课要做的一个效果 ,这就是一个DIV,然后我们鼠标移上去之后呢 ,它会有一个位移,以及背景颜色变换的一个动画 ,这个呢,就是我们待会要完成的一个效果,你看鼠标移上去 ,平移之后,然后颜色位置变了 ,好,我们来看下怎么样才能达到这个效果 ,做一个DIV ,

登录后查看更多
换一批

为你推荐

每周一练

立即参与

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

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

赞助一下吧

确定学习吗?

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

成为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

虎课积分
登录注册
使用手机号码登录
使用手机号码登录
手机号码格式错误
换一个
图形验证码错误,请重新输入
验证码错误,请重新输入
登录
已连续签到0
第一天
5个虎课币
第二天
10个虎课币
第三天
15个虎课币
第四天
20个虎课币
第五天
40个虎课币
第六天
20个虎课币
第七天
20个虎课币
立即签到
已签到
每周一重置签到奖励
已连续签到0
本周斩获110个虎课币,下周也要来哦
我知道了
已连续签到0
哎呀,签到失败了!
再次签到
哎呀,系统出现错误,请稍后重试!
上上签 · 今日宜学习
恭喜!签到成功,获得 10 个虎课币
.
书山有路勤为径,学海无涯苦作舟
— 唐代文学家 韩愈
虎课网 · 每天进步一点点
分享到