я новая где-то здесь и изучая всего немного я хотел бы добиться этой формы, которая предлагает Материал Design.
Я вижу, что в Вашей документации 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>