Как сделать кнопку прозрачной css?

Пользователь

от meta , в категории: HTML/CSS , 3 года назад

Как сделать кнопку прозрачной css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от declan.bashirian , 3 года назад

Кнопку прозрачной в css, делаем так:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
<head>
<style>
        .button {
         background:transparent;
         color: rgb(2, 2, 2);
         padding: 16px 32px;
         text-align: center;
         font-size: 16px;
         cursor: pointer;
         border: transparent; 
        }
</style>
</head>
<body>
        <input type="submit" class="button" value="Нажми">
</body>


Пользователь

от johnpaul.blick , 2 года назад

@meta 

Чтобы сделать кнопку прозрачной с помощью CSS, вы можете использовать свойство opacity. Значение опасности может быть указано от 0.0 до 1.0, где 0.0 полностью прозрачная и 1.0 непрозрачная.


Например, чтобы сделать кнопку полупрозрачной, вы можете использовать следующий CSS:

1
2
3
button {
  opacity: 0.5;
}


Обратите внимание, что это свойство будет применяться ко всему содержимому кнопки, а не только к ее фону.