For example, there is a button. If you are engaged in the frontend of the site, then how best to do it through CSS or draw in Photoshop?

a.knopka { color: #fff; text-decoration: none; user-select: none; background: rgb(212,75,56); padding: .7em 1.5em; / outline: none; } a.knopka:hover { background: rgb(232,95,76); } a.knopka:active { background: rgb(152,15,0); } 
 <a href="#" class="knopka">кнопка</a>

  • 2
    some strange question - Sublihim
  • I suppose they used to make buttons with images, but now there are other times. Even Edge now supports all html and css innovations, so there is no longer any need to make buttons inflexible to changing buttons with pictures. - Telion

1 answer 1

Undoubtedly, before the creation of all the buttons in Photoshop was a very broad practice. This allowed to display them in different browsers without any problems, because not all browsers had previously supported the same gradients and so on. In addition, all kinds of gradients, flashing buttons were previously in fashion. But this one was also flawed. It consisted in the fact that it was very difficult to create an object that, when resized, maintained a normal texture, so most of the sites were of a fixed width and height of objects.

Nowadays, almost all browsers began to support gradients, animations using CSS and so on. Many bugs were fixed and even a new Microsoft browser - Edge began to support all styles normally. According to this, if you know how to impose a normal button with CSS , it is better to do it only with the help of it, so that the object is flexible and your site does not load for 2 hours due to the huge number of images.