Подскажите как вот этот стиль css можно установить для моей кнопки
HTML:
<a href="" class="gradient-button">Button</a>
CSS:
body {
background: #d6eaf8;
}
.gradient-button {
text-decoration: none;
display: inline-block;
color: white;
padding: 20px 30px;
margin: 10px 20px;
border-radius: 10px;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
background-image: linear-gradient(to right, #9EEFE1 0%, #4830F0 51%, #9EEFE1 100%);
background-size: 200% auto;
box-shadow: 0 0 20px rgba(0, 0, 0, .1);
transition: .5s;
}
.gradient-button:hover {
background-position: right center;
}
Мой код:
import sys
from PyQt5.QtWidgets import QWidget, QApplication, QPushButton, QHBoxLayout
class MainWindow(QWidget):
def __init__(self):
super().__init__()
self.setupUI()
self.setForm()
def setupUI(self):
self.resize(300, 300)
self.setWindowTitle('Выбор цвета')
self.btn = QPushButton('Кнопка')
self.btn.setFixedSize(150, 30)
def setForm(self):
hbox = QHBoxLayout()
hbox.addWidget(self.btn)
self.setLayout(hbox)
if __name__ == '__main__':
app = QApplication(sys.argv)
win = MainWindow()
win.show()
sys.exit(app.exec_())
setStyleSheet
, в него передаете строку с css, примеры доступны по ссылке, что скидывал выше. Заодно по ссылке посмотрите ограничения, т.к. не QSS не всё поддерживает из CSS