SVG Path animation in horizontal line menus

SVG Path animation in menu

Hey! Today we would like to share a tutorial about Animation in horizontal menus, In most of the websites, navigation menus are used to navigate from one page to other or within a single page website. We did some simple interaction in horizontal menu, which allows us to adding cool effect to the menu. By adding animation, viewers get attention to the movement of line and they knows what happenings in the page. Let start how to create path animation in horizontal menus and demo 🙂 Read more…

Button group animation in SVG

button-group

In most web application we have seen button group are used. What is button group? Grouping a series of buttons together on a single line with the button group.
For example : For 3 actions such as Create/Edit/Delete we can group these three buttons.
In this SVG tutorial, For each button action, we have added animation in SVG path.

Read more…