超简单的嵌套组件交互动效!

教程内容:

适合初学者,通过制作嵌套组件的hover状态呈现交互效果

制作表情组件

准备好5个表情素材

将每个表情都制作组件:

默认状态为原始大小

悬停状态为放大效果

制作赞同按钮组件

选中5个表情组件和赞同按钮制作组件

默认状态为隐藏5个表情组件

悬停状态为显示5个表情组件并制作悬停效果

制作交互

因为制作的是悬停状态,所以不需要手动添加交互,直接使用默认的动效参数即可

制作完成

点击前往查看→查看视频教程获取源文件

标记狮私有云部署
一键部署标记狮至私有服务器,构建快速,安全,高效,私密的UI设计团队云协作