Как использовать элементы psd в форме загрузки?

Question

, поэтому я столкнулся с шаблоном загрузки, который я могу использовать для своего сайта, однако у меня нет абсолютно никакой идеи о том, с чего начать. Я хочу, чтобы шаблон, который у меня есть (показано ниже), был таким же, как и на сайте, и полностью функциональным, как бы я это сделал?

Спасибо за любую помощь!

EDIT: Это делается с помощью простых стилей CSS, например, для создания кнопки как кнопки «Готово» в изображении ниже, мы просто создаем форму первого,

background-color: #000; /*change this to a color of your liking*/ 
width: 100px; 
height: 70px; 

это будет создайте прямоугольник как фигуру, которую мы хотим.

Теперь мы можем создать угловые края, применив их;

border-radius: 2px; /*change this to your liking*/ 

И вот как создать кнопку, похожую на те, ниже

Answer 1

Вы должны раздеть полное изображение в очень мелких деталях. Например; кнопка отмены должна быть разделена на квадрат 1px, 1px (повторите в css) и преобразуйте его в .PNG или, если возможно, возьмите только css из него, щелкните правой кнопкой мыши на слое -> copy css.

Чтобы избежать высокой загрузки или использования широкополосного широкополосного доступа, вы не должны брать весь образ и размещать его на своем веб-сайте. Это также не будет отзывчивым, если вы хотите сделать его отзывчивым.