css 怎样给div下拉菜单添加过渡动画效果

css transition可以让元素的属性在变化的时候有一些动画效果
比如高度从30变成300,这样就会让人机交互更自然,比如鼠标经过下拉菜单显示之类的
通过transition可以给指定属性添加动画效果
请看代码
transition: all 表示所有属性,当然,你可以根据自己需要指定某些属性,比如width
500ms表示的是从开始到结束过渡的时间




    
    
    
    Document
    


    

当然还可以设置过渡的速率以及开始时间,具体更多到w3c等查看文档

https://www.w3school.com.cn/cssref/pr_transition.asp

 

你可能感兴趣的:(css,html)