Как создавать эту форму с Материалом Design

я новая где-то здесь и изучая всего немного я хотел бы добиться этой формы, которая предлагает Материал Design.

introducir la descripción de la imagen aquí

Я вижу, что в Вашей документации https://material.io / develop / Веб / components / shape / он говорит о форме о том, чтобы применяться с SASS, но не conzco много Ваше использование еще

<head>
  <link href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css" rel="stylesheet">
  <script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"></script>
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>


<div class="mdc-layout-grid">
  <div class="mdc-layout-grid__inner">
   <button class="mdc-fab" aria-label="Favorite">
  <span class="mdc-fab__icon material-icons">favorite</span>
</button>
  </div>
</div>

Я хотел бы знать, с CSS возможное ли солнце, я благодарен за любой ayyda.

В форму, что я отношусь, это нижний серый брусок с желтой кнопкой в способе

.footer-bar {
  width: 100%;
  background: #333;
  height: 60px;
}

.mdc-fab {
  margin-left: 50%;
  bottom: 10px;
}
<head>
  <link href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css" rel="stylesheet">
  <script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"></script>
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>

<div class="footer-bar">
  <button class="mdc-fab" aria-label="Favorite">
      <span class="mdc-fab__icon material-icons">favorite</span>
    </button>

</div>
7
задан 25.04.2019, 02:31
0 ответов