How did Google make these 3d buttons? [closed]


Tags: css,material-design

Problem :

How did they make those 3d buttons with the shadows for their doodle AI thing

They look like this:

picture of the google button in question

I snooped around in the CSS, but there's nothing special in the element's styles.

EDIT: If you're going to instantaneously downvote, could you tell me why, so I can try to fix the problem?



Solution :

It's a background image sprite:


    CSS Howto..

    How to apply the CSS of navbar-inverse in twitter-bootstrap

    How can i put this SVG ‘Sidebar Menu’ in the right side?

    iOS How to access Library in CSS Url's?

    How to prevent html div from expanding when text size is changed

    how to use font-faces in css file within spring 3

    How to automatically update relative CSS paths for minification?

    How to use random array output as a for-loop CSS attribute in jQuery

    how to change height of div to covered the text area (CSS)

    Navigation Bar - Each button is at a seperate line, how do I fix that?

    PHP imagecopyresampled + how to get the best results

    Custom CSS Form: How to achieve responsive underlined textarea?

    How to keep image lumpted with last word in a paragraph

    How to load local copy of bootstrap css when the cdn server is down?

    How to get the last image viewed to stick instead of reverting to the default in a pure CSS image gallery?

    CSS: How to Solve this “Site-Is-Too-Big” Challenge?

    How to make a File Sharing website [closed]

    How to avoid background image stretched horizontally with CSS?

    How to create a simple article design with CSS and HTML5

    how to drag and drop a
    across the page

    HTML/CSS: How to use another font for list-item Bullets

    How do i split user inputed text into individual characters?

    How to use jQuery to check if element breaks to the next line?

    How to set Safari print margins via CSS to print borderless

    Showing HTML page with CSS attached in a WebView

    How do I implement a MailChimp API form embed?

    How to avoid IE11 “slow” evaluation of CSS :invalid and :valid pseudo selectors

    How to display text in the middle?

    How do I apply a CSS to a clutter stage?

    how can I position my img right?

    How to achieve Expand collapse Side Nav with icon using jquery and boostrap css