Как изменить изображение с текстом в кнопку - PullRequest
0 голосов
/ 10 января 2019

Я разработал пользовательский интерфейс веб-сайта мобильного видеочата в Sketch и использовал плагин для преобразования дизайна в HTML и CSS. Мне нужно превратить изображения кнопок в настоящие кнопки. Вот как выглядит код

Мне нужно превратить это изображение с текстом в кнопку

</div>
<div class="startbutton">
    <img anima-src="./img/iphone---during-chat-btn 1@2x.png" class="btn-view" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="/>
    <div class="start">
        START
    </div>

Ответы [ 2 ]

0 голосов
/ 11 января 2019

Оберните это в тег кнопки. Или, чтобы она выглядела как кнопка с отступом и рамкой.

0 голосов
/ 11 января 2019
 <button> click me! </button>

.button {
        background-image: url ('/image/img1.jpeg') no-repeat;`enter code here`
        cursor:pointer;
    }

Здесь вы можете добавить фон изображения к кнопке, которая заполнит фон кнопки изображением.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...