快活林资源网 Design By www.csstdc.com
Dreamweaver中导航菜单需要添加过渡动画效果,这就需要会使用transition过渡属性,下面我们就来看看详细的教程。
- 软件名称:
- Adobe Dreamweaver CC 2018 V18.0 中文/英文安装版 32/64位
- 软件大小:
- 968MB
- 更新时间:
- 2017-10-19立即下载
1、在Dreamweaver中构建一个简单导航,如下图所示,设置文字颜色和背景色
2、点击打开文件中的-拆分
3、可以在软件中实时预览效果
4、对其中的li添加:hover属性,当鼠标经过li时,字体和背景颜色发生变化,如图当鼠标经过li时,背景颜色变为黄色,字体变为黑色
li:hover{background-color:yellow;color:black;}
5、在li:hover{} 中添加transition过渡动画,transition后面添加变化的属性及属性变化的时间,如下图所示transition:background-color 0.5s;意思是对background-color背景颜色设置过渡动画,当鼠标经过li时,背景颜色会慢慢变为黄色,中间时间为0.5s
6、如果里面包含多个属性时,transition后面的属性可以使用all来代替,比如这里的背景颜色和字体颜色两个属性,使用all全部代替,当鼠标经过Li时,字体和背景颜色会慢慢改变
7、如果在hover中设置文字字号,设置为字号50号时,当鼠标经过li时,字体会慢慢变大,形成一个动画效果
以上就是dw中transition过渡属性的使用方法,希望大家喜欢,请继续关注。
相关推荐:
Dreamweaver单元格怎么拆分合并?
Dreamweaver怎么输入文本并设置文本样式?
dreamweaver怎么实现鼠标放在不同的位置显示不同的图片?
快活林资源网 Design By www.csstdc.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
快活林资源网 Design By www.csstdc.com
暂无评论...
更新日志
2024年05月13日
2024年05月13日
- 张玮伽《 醉情人》[WAV+CUE][625M]
- 石琦梅《射雕 场景音乐原声带·中都》[FLAC/分轨][189.33MB]
- 璃月四星角色怎么选?角色选择心得推荐
- 闲云角色攻略心得,闲云角色配装推荐分享
- 闲云角色攻略心得,闲云角色圣遗物推荐
- 群星.2024-哈尔滨一九四四电视原声带【韶愔】【FLAC分轨】
- 陈良泉.1999-永恒的怀念2CD【温拿唱片】【WAV+CUE】
- 林鸿宇.2021-相爱的这种本能(EP)【华纳】【FLAC分轨】
- 超能敢死队:冰封之城 Ghostbusters: Frozen Empire
- 噬血芭蕾 Abigail
- 选举日 Founders Day
- 剑与远征启程豹女角色介绍 豹女值得培养吗
- 歧路旅人大陆的霸者开局选哪条路 三支主线
- 鸣潮桃祁声骸推荐 声骸主副词条选什么好
- 星穹铁道2.2糖浆药水的故事怎么达成 糖浆药水的故事隐藏成就攻略