Skip to content

ShaneLee-9/-display-fade-in-and-fade-out

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 

Repository files navigation

display实现淡入淡出过渡效果

  1. 给img设置display和opacity
  2. JS代码显示效果中,先执行display:block,再执行opacity,才能实现,所以要给opacity设置setTimeout,让opacity延迟执行,延迟时间尽量设置最小,这样才最自然
  3. 隐藏效果中,跟显示效果执行顺序相反,先执行opacity,再延迟执行display:none。 PS:隐藏效果中,setTimeout延迟时间不能太短,否则会造成隐藏过渡在一半就直接display:none了

About

display淡入淡出效果

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages