Как сделать форму подписки такого плана?!
Как видно из фото, есть прозрачность. Может это готовый элемент? Тогда дайте ссылку на библиотеку, или же напишите как сделать такое самостоятельно?! Спасибо за помощь!
Закругления: border-radius: NNpx;
body {
background: #ccc;
}
*{box-sizing: border-box; }
form{
position: relative;
max-width: 500px;
width: 100%;
height: 40px;
}
input[type="submit"] {
background: #fff;
border: none;
height: 40px;
width: 100px;
text-align: center;
border-radius: 20px;
position: absolute;
top:0;
right: 0;
cursor: pointer;
}
input[type="text"] {
height: 40px;
width: 100%;
border: 1px solid #fff;
background: rgba(255,255,255,.25);
border-radius: 20px;
padding: 10px;
padding-right: 100px;
outline: none;
}
/* ---- Placeholder ---- */
::-webkit-input-placeholder {
color: #000;
}
:-moz-placeholder { /* Firefox 18- */
color: #000;
}
::-moz-placeholder { /* Firefox 19+ */
color: #000;
}
:-ms-input-placeholder {
color: #000;
}
<form>
<input type="text" placeholder="email adress">
<input type="submit" value="sign up">
</form>
Как развивать веб-проекты в 2026 году: технологии, контент E-E-A-T и факторы доверия
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники