Question

I saw that button on this side(http://letsgo.gorizia.it/) and was wondering how to implement such a style?

Is there a useful tutorial or can you give me a hint which css I should use?

Answer 1

I think you could take a look at this post on StackOverflow:

You should use rgba for it like stated in the post

.alpha60 {

    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);

    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6);

    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    }

And this website:

http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/

That should give you the effects you want.

You probably still need to look for the rounding of corners but with css3 nowadays that shouldn’t be that though to find.

Also W3schools have a page about it. I know it ain’t the most reliable site but it can be handy for some small tips or tricks that you can’t find that easily.