admin20001
Известный
- 147
- 114
Попробуй так:
Белый фон можно сделать менее белым (#ECECEC).
Фон у инпутом сделать белыми (#fff) и добавить серый border, примерно rgba(0,0,0,0.3).
Добавть отступ от иконок до plaholder больше в 2 раза.
Уменьшить отступы между инпутами по вертикали.
Отцентровать кнопку и синпутами по центру родителя.
Добавить закругления в 8px родителю.
Уменьшить рамки родителя до 1-2px.
Текст в кнопке и в инпутах увеличить на 2-4px
Мне нравится подход через rgba.многоуважаемый Артемий Лебедев, я понимаю что за эту работу вам заплатили всего 100.000 рублей, однако я считаю что лучше было бы потратить больше 40 секунд на создание данного шедевра. Я бы сделал все в темных тонах, например фон #222222, основное окно #111111. Затем я бы убрал обводку окошка, сделал бы закругление в 10-15 пикселей и расположил бы все по вертикали. Так же можно уменьшить высоту инпутов и кнопки по вертикали.
К примеру, фон #11111. Блоку который поверх фона задаем фон - rgba(255,255,255,0.1).
Фон элементам внутри блока задаем тоже rgba(255,255,255,0.1).
Цвет бордера ставим rgba(255,255,255,0.1).
Таким образом цвета накладываются друг над другом и получается адаптив по гамме вне зависимости от фона.
Пример работы полупрозрачного элемента с разным фоном:


Последнее редактирование: