美文网首页
css 关于过渡的配合使用

css 关于过渡的配合使用

作者: 彬彬彬boboc | 来源:发表于2018-03-22 17:31 被阅读0次

一开始以为css的过渡transition要配合:hover来使用的，其实没这么简单，其实可以理解为：hover就是元素发生样式上的改变就会

触发过渡，就是说只要元素的样式改变的就会有过渡的效果，如下代码

div改开始的样式是.bg 它定义了过渡的属性，只要这个div的样式发生了改变他都会有过渡的效果，

然后我们可以用js动态给div 在添加.cc的样式，这时div的样式发生了改变，那么这样也可以达到过渡的效果，

此用法可以用在页面的导航条上，当滚动条滚动到一定的位置就通过过渡给导航条改变样式

相关文章

网友评论

      本文标题：css 关于过渡的配合使用

      本文链接：https://www.haomeiwen.com/subject/rlzaqftx.html

      延伸阅读

      深度阅读

      • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

      栏目导航

      热点阅读

      关于我们|服务条款|联系我们|css 关于过渡的配合使用|投稿指南|网站地图|RSS订阅|排版工具|手机版

      提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

      Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

      备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

      本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

      所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！