Animation is one of those topics that can be a double-edged sword - done well and it can add extra polish to a component; done badly, and it will put people off! We can’t have a library without some form of animation, so in this chapter we’ll take a look at three new components for this edition of Developing Web Components with Svelte: Alarm, ProgressBar and Switch. I’ll show you how easy it is to add simple animations using CSS, Svelte or a mix of both, to create some effective components for use in your projects.

错误:搜索内容不能为空,请输入英文关键词
错误:关键词超出字数限制,请精简
高级检索

Creating Animation Components

  • Alex Libby

摘要

Animation is one of those topics that can be a double-edged sword - done well and it can add extra polish to a component; done badly, and it will put people off! We can’t have a library without some form of animation, so in this chapter we’ll take a look at three new components for this edition of Developing Web Components with Svelte: Alarm, ProgressBar and Switch. I’ll show you how easy it is to add simple animations using CSS, Svelte or a mix of both, to create some effective components for use in your projects.