Ответы пользователя по тегу HTML
  • Как верстаются такие линии???

    no1s1a
    @no1s1a
    Самый темный час - перед рассветом!
    Комментировать
  • Как реализовать такую карусель?

    no1s1a
    @no1s1a
    Самый темный час - перед рассветом!
    А чем Вам slick slider не подходит?
    Ответ написан
  • Как сделать кнопку?

    no1s1a
    @no1s1a
    Самый темный час - перед рассветом!
    Пример моей кнопки где вся зона тыкабельна (если я правильно понял)
    .form .form_submit {
        background: #feb500;
        color: #fff;
        margin-top: 1.3vw;
        font-size: 1.4vw;
        font-weight: bold;
        font-family: BebasNeue;
        cursor: pointer;
    }
    
    style.css:158
    .form input {
        width: 300px;
        height: 40px;
        margin: 0 auto;
        display: block;
        margin-bottom: 1.3vw;
        text-align: center;
        font-size: 1.15vw;
        font-family: CatorzeSemiBold;
        color: #a2a1a1;
        background: #f3f2f2;
        border: none;
        outline: 0;
    }


    в html input type="submit"

    вот 2 пример

    .button_footer_a {
        width: 270px;
        margin: 0 auto;
        height: 40px;
        margin-top: 15px;
        text-align: center;
        line-height: 50px;
        display: inline-block;
        color: #fff;
        background: #3498db;
        display: block;
    }
    Ответ написан
    Комментировать
  • Как изменить размеры удаления креста и placeholder?

    no1s1a
    @no1s1a
    Самый темный час - перед рассветом!
    Да есть решение. Даже анимацию можно запилить для него без всякой лабуды в виде дополнительных плагинов.
    ::-webkit-input-placeholder {color:#feb500;}
    ::-moz-placeholder          {color:#feb500;}/* Firefox 19+ */
    :-moz-placeholder           {color:#feb500;}/* Firefox 18- */
    :-ms-input-placeholder      {color:#feb500;}
    input::-webkit-input-placeholder       {text-indent: 0px;   transition: text-indent 0.3s ease;}
    input::-moz-placeholder                {text-indent: 0px;   transition: text-indent 0.3s ease;}
    input:-moz-placeholder                 {text-indent: 0px;   transition: text-indent 0.3s ease;}
    input:-ms-input-placeholder            {text-indent: 0px;   transition: text-indent 0.3s ease;}
    input:focus::-webkit-input-placeholder {text-indent: 500px; transition: text-indent 0.3s ease;}
    input:focus::-moz-placeholder          {text-indent: 500px; transition: text-indent 0.3s ease;}
    input:focus:-moz-placeholder           {text-indent: 500px; transition: text-indent 0.3s ease;}
    input:focus:-ms-input-placeholder      {text-indent: 500px; transition: text-indent 0.3s ease;}
    Ответ написан
    1 комментарий
  • Как плавно анимировать иконку при наведении?

    no1s1a
    @no1s1a
    Самый темный час - перед рассветом!
    Можно конечно заняться сексом и сделать тело стрелки прозрачным, и z-index а под стрелкой белый фон и при наведении белый фон transition к примеру 0.4s будет менять позицию right. Но это порно, повторюсь))))
    Ответ написан
    Комментировать
  • Отображение полей select в safari?

    no1s1a
    @no1s1a Автор вопроса
    Самый темный час - перед рассветом!
    В общем нашел решение, спасибо всем за оперативность и тд и тп (сарказм). Проблема решается не paddingom и не webkitами. А text-indent: 10px; Не понятно, почему гении из эйпл не научили свой браузер элементарным вещам!
    Ответ написан
    Комментировать
  • Как задать такую тень?

    no1s1a
    @no1s1a
    Самый темный час - перед рассветом!
    вот эта штука тебе в помощь -webkit-box-shadow. По факту нужно применять transform на 50%.
    Ответ написан
    Комментировать