Greetings to all. I come here to ask for a help to you as I study Web Design and am developing a layout to create a website in browsers updated in SVG, and I would like to know how to make this button, I want to work, so it appears as follows :

I have a text button, where the original state it is like this:



When I move the mouse over, I want while I hover over it, it becomes this state:



When I click it, I want that for my pressing the mouse button, it looks like this:



And after I have clicked on it, he stays in this state:



Is it possible to do this in SVG, using Inkscape or have a technique that can be applied?

Thanks to all.

Have a great afternoon.

FYI: Weiller Braga

Welcome aboard!

It is possible.
Draw the basic elements in inkscape, preferably save as plain svg, then
open the svg in a notepad and add the right codes manually.
Have a look at these:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Web-Inkscape.html
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Web.html
http://tavmjong.free.fr/SVG/BUTTON_TEST/button_test.xhtml
http://tavmjong.free.fr/blog/?p=36

Good luck!