We are going to show a few examples of popular effects by animating some blocks right inside our site. Please check them out.
- Fade In/Fade Out
Sometimes you need to hide some part of the page (or show hidden block when required). Of course you can just hide or show them immediately but adding smooth fading transition to this process makes this action more pleasant to visitor’s eye and attracts his attention
Demo: Fade Logo Out
The most popular way to organize the content in various sections and save some page space. Tabs are not only used in web, many up-to-date desktop applications (including web browsers) have tabs as part of their UI.
Demo: View tabs, Hide tabs
Another way to organize content in sections (or to group navigation items). The name of effect explains its functionality very well.
Demo: Activate accordion in sidebar (click headings to see)
Natural but very attractive effect. Can be used for image galleries, news highlights etc.
Demo: Animate slider
Several years ago the words “drag’n'drop” and “web” were rarely used together in one sentence. However more and more backend interfaces include this feature now. For example it is very convenient for re-ordering lists, table rows etc.
Demo: Start dragging logo inside header