Ответы пользователя по тегу CSS
  • Как правильно сверстать данный блок?

    yulich81
    @yulich81
    Люблю CSS
    Попробуйте посмотреть в сторону transform: skewY.
    У родительского дива будет отрицательное значение, у блока с контентом положительное (для выравнивания текста и картинки).
    Ответ написан
    Комментировать
  • Как исправить данную проблемс в HTML?

    yulich81
    @yulich81
    Люблю CSS
    У main абсолютное позиционирование. Но не задано смещение top.
    Уберите position: absolute; и будет вам счастье.

    Если оно требуется по каким-то причинам, то не забывайте про значения top, right, bottom, и left.

    P.S. И justify-content: center; не работает без флекса или грида.
    Ответ написан
  • Не работает псевдоэлемент ::after?

    yulich81
    @yulich81
    Люблю CSS
    Вы обращаетесь к родительскому элементу. Попробуйте добавить span и применить нужные свойства к нему.

    <div class="popup-subscribe__box popup-subscribe__box-name">
      <label class="popup-subscribe__label" for="popup-subscribe__name">Enter your name</label>
      <input class="popup-subscribe__input" id="popup-subscribe__name" type="text" name="Name" placeholder="Anastasiia" required>
      <span></span>
    </div>


    span {
      position: relative;
    }
    
    span::after {
        content: "+";
        position: absolute;
        top: 0;
        right: 17px;
        transition: all ease-in 0.3s;
        transform: scale(0);
        background-color: #1ED760;
    }
    
    .popup-subscribe__input:valid + span::after {
        transform: scale(1);
    }
    Ответ написан
    2 комментария