: Is there an HTML/CSS version of the StarCraft 2 Menu buttons? I am building a webapp and I want to modify one of the StarCraft menu buttons to add them to my webapp, (StarCraft is a Blizzard

I am building a webapp and I want to modify one of the StarCraft menu buttons to add them to my webapp, (StarCraft is a Blizzard Entertainment Game). This is an example photo of one of the menu pages from the game from which I would love to recreate the OK button in HTML/CSS:
i.ytimg.com/vi/Dwr5Xa6wVRU/maxresdefault.jpg
Unfortunately, I cannot find a website that has code for such buttons. Is there a place where I can find HTML and CSS code that create the OK button from the above photo?

Thank you very much

10.01% popularity Vote Up Vote Down

: Make "Snap to Canvas Edges" the default? Using GIMP 2.8.22 on Windows. More often than not, I like to have View -> Snap to Canvas Edges checked. How can I make this the default? The

@Carla748

Posted in: #Configuration #Gimp #Snapping

1 Comments

: Favicon size in browser tab I am creating a website and I have the logo. When I insert the logo in the HTML basically as a fav icon in the tab, it appears so small. The question can any

@Carla748

Posted in: #Favicon #Html #WebsiteDesign

2 Comments

: Copying an artboard with a clipping mask I want to copy an artboard containing objects created with Effects -> Distort and Transform -> Transform and a clipping mask. But after I copy an artboard,

@Carla748

Posted in: #AdobeIllustrator

1 Comments

: How do I make JPG the default format when exporting in GIMP? Using GIMP 2.8.22 on Windows. When I export images, gimp usually makes PNG the default. How do I make JPG the default format

@Carla748

Posted in: #Configuration #Export #Gimp #Jpg

1 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Deb5748823

Those buttons can be achieved with multiple gradient backgrounds and borders, drop shadows and box shadows.

Here's an example:
www.studiochris.us/2009/css3-metallic-and-glossy-buttons-without-images-hello-future/
The tutorials and examples for Metallic buttons explain the process and give examples. However, none of them are as heavily shadowed, highlighted and saturated as your Starcraft examples. You will have to increase the effects, or just draw the buttons in a graphics program like Illustrator.

The emphasis is on subtlety in web design these days. You'll have to push the css rules to get it as loud as video game interface.

10% popularity Vote Up Vote Down

Feed

: Is there an HTML/CSS version of the StarCraft 2 Menu buttons? I am building a webapp and I want to modify one of the StarCraft menu buttons to add them to my webapp, (StarCraft is a Blizzard

More posts by @Carla748

: Make "Snap to Canvas Edges" the default? Using GIMP 2.8.22 on Windows. More often than not, I like to have View -> Snap to Canvas Edges checked. How can I make this the default? The

: Favicon size in browser tab I am creating a website and I have the logo. When I insert the logo in the HTML basically as a fav icon in the tab, it appears so small. The question can any

: Copying an artboard with a clipping mask I want to copy an artboard containing objects created with Effects -> Distort and Transform -> Transform and a clipping mask. But after I copy an artboard,

: How do I make JPG the default format when exporting in GIMP? Using GIMP 2.8.22 on Windows. When I export images, gimp usually makes PNG the default. How do I make JPG the default format

Login to post a comment!

1 Comments

Back to top | Use Dark Theme