Вопросы Теги

CSS: & ldquo; Bleeding edge & rdquo; дизайн. Как? [закрыто]

Установить цвет GradientDrawable Shape с использованием шестнадцатеричного кода / значения. Префикс префикса 0x - шестнадцатеричное значение. 

    GradientDrawable shape =  new GradientDrawable();
    shape.setCornerRadius( 16 );
    shape.setColor(0xff33b5e5);
    ButtonStartSurvey.setBackground(shape);
-5
задан yilin 18 March 2019 в 20:53
поделиться

1 ответ

Чтобы получить что-то похожее на скриншоты, которые вы предоставили, вы можете создать простую сетку из двух столбцов и дать правой колонке background-image вашего скриншота. При увеличении размера окна вверх / вниз будет отображаться более или менее скриншот. 

.grid {
  display: flex;
  max-width: 1024px;
  margin: 0 auto;
}
.grid-item {
  width: 50%;
}
.text {
  padding: 40px 10px;
}
.image {
  background-image: url('http://placekitten.com/800/400');
  background-size: cover;
  margin: 20px 0;
}
<div class="grid">
  <div class="grid-item text">
    <h1>Content goes here</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis lectus sed risus auctor pellentesque. Proin sed purus velit. Vivamus vehicula bibendum mi euismod ornare. Proin non lacus varius lorem tempor ullamcorper at eu eros. Quisque ullamcorper dui id sodales interdum. Curabitur rhoncus, erat et sollicitudin auctor, odio nibh lacinia dui, eu tincidunt tellus turpis fringilla ipsum. Aliquam consectetur augue malesuada dolor viverra tempor. Suspendisse ornare. </p>
  </div>
  <div class="grid-item image">
  </div>
</div>

0
ответ дан mmshr 18 March 2019 в 20:53
поделиться
Другие вопросы по тегам:

Похожие вопросы: