Skip to content

JIEJOE-WEB-Tutorial/009-checkable-form

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

9 - 勾选信息表单

👆👆点击跳转: Bilibili📺教程视频链接


Describe📋️

当在表单中填写信息时,每填写/擦除完一个输入框,画面中的手,就会将对应输入框的勾选框给勾上/擦除,并且按照信息的改写顺序,按顺序执行动画


Notice⚠️

  • 效果中的核心逻辑是用的GSAP的Timeline方法,这里最好是先去看一下官方文档
  • 其中的勾选框打勾和擦除效果是用SVG线段的描边动画实现的,详细请参考该链接