Button opacity colors
Transparent buttons with opacity in the range from 0.1 to 0.9.
<!-- Source -->
<button class="btn btn-primary-10" type="button">Primary</button>
<button class="btn btn-primary-20" type="button">Primary</button>
<button class="btn btn-primary-30" type="button">Primary</button>
<button class="btn btn-primary-40" type="button">Primary</button>
<button class="btn btn-primary-50" type="button">Primary</button>
<button class="btn btn-primary-60" type="button">Primary</button>
<button class="btn btn-primary-70" type="button">Primary</button>
<button class="btn btn-primary-80" type="button">Primary</button>
<button class="btn btn-primary-90" type="button">Primary</button>
<button class="btn btn-secondary-10" type="button">Secondary</button>
<button class="btn btn-secondary-20" type="button">Secondary</button>
<button class="btn btn-secondary-30" type="button">Secondary</button>
<button class="btn btn-secondary-40" type="button">Secondary</button>
<button class="btn btn-secondary-50" type="button">Secondary</button>
<button class="btn btn-secondary-60" type="button">Secondary</button>
<button class="btn btn-secondary-70" type="button">Secondary</button>
<button class="btn btn-secondary-80" type="button">Secondary</button>
<button class="btn btn-secondary-90" type="button">Secondary</button>
<button class="btn btn-success-10" type="button">Success</button>
<button class="btn btn-success-20" type="button">Success</button>
<button class="btn btn-success-30" type="button">Success</button>
<button class="btn btn-success-40" type="button">Success</button>
<button class="btn btn-success-50" type="button">Success</button>
<button class="btn btn-success-60" type="button">Success</button>
<button class="btn btn-success-70" type="button">Success</button>
<button class="btn btn-success-80" type="button">Success</button>
<button class="btn btn-success-90" type="button">Success</button>
<button class="btn btn-info-10" type="button">Info</button>
<button class="btn btn-info-20" type="button">Info</button>
<button class="btn btn-info-30" type="button">Info</button>
<button class="btn btn-info-40" type="button">Info</button>
<button class="btn btn-info-50" type="button">Info</button>
<button class="btn btn-info-60" type="button">Info</button>
<button class="btn btn-info-70" type="button">Info</button>
<button class="btn btn-info-80" type="button">Info</button>
<button class="btn btn-info-90" type="button">Info</button>
<button class="btn btn-warning-10" type="button">Warning</button>
<button class="btn btn-warning-20" type="button">Warning</button>
<button class="btn btn-warning-30" type="button">Warning</button>
<button class="btn btn-warning-40" type="button">Warning</button>
<button class="btn btn-warning-50" type="button">Warning</button>
<button class="btn btn-warning-60" type="button">Warning</button>
<button class="btn btn-warning-70" type="button">Warning</button>
<button class="btn btn-warning-80" type="button">Warning</button>
<button class="btn btn-warning-90" type="button">Warning</button>
<button class="btn btn-danger-10" type="button">Danger</button>
<button class="btn btn-danger-20" type="button">Danger</button>
<button class="btn btn-danger-30" type="button">Danger</button>
<button class="btn btn-danger-40" type="button">Danger</button>
<button class="btn btn-danger-50" type="button">Danger</button>
<button class="btn btn-danger-60" type="button">Danger</button>
<button class="btn btn-danger-70" type="button">Danger</button>
<button class="btn btn-danger-80" type="button">Danger</button>
<button class="btn btn-danger-90" type="button">Danger</button>
<button class="btn btn-light-10" type="button">Light</button>
<button class="btn btn-light-20" type="button">Light</button>
<button class="btn btn-light-30" type="button">Light</button>
<button class="btn btn-light-40" type="button">Light</button>
<button class="btn btn-light-50" type="button">Light</button>
<button class="btn btn-light-60" type="button">Light</button>
<button class="btn btn-light-70" type="button">Light</button>
<button class="btn btn-light-80" type="button">Light</button>
<button class="btn btn-light-90" type="button">Light</button>
<button class="btn btn-dark-10" type="button">Dark</button>
<button class="btn btn-dark-20" type="button">Dark</button>
<button class="btn btn-dark-30" type="button">Dark</button>
<button class="btn btn-dark-40" type="button">Dark</button>
<button class="btn btn-dark-50" type="button">Dark</button>
<button class="btn btn-dark-60" type="button">Dark</button>
<button class="btn btn-dark-70" type="button">Dark</button>
<button class="btn btn-dark-80" type="button">Dark</button>
<button class="btn btn-dark-90" type="button">Dark</button>
<button class="btn btn-black-10" type="button">Black</button>
<button class="btn btn-black-20" type="button">Black</button>
<button class="btn btn-black-30" type="button">Black</button>
<button class="btn btn-black-40" type="button">Black</button>
<button class="btn btn-black-50" type="button">Black</button>
<button class="btn btn-black-60" type="button">Black</button>
<button class="btn btn-black-70" type="button">Black</button>
<button class="btn btn-black-80" type="button">Black</button>
<button class="btn btn-black-90" type="button">Black</button>
<button class="btn btn-indigo-10" type="button">Indigo</button>
<button class="btn btn-indigo-20" type="button">Indigo</button>
<button class="btn btn-indigo-30" type="button">Indigo</button>
<button class="btn btn-indigo-40" type="button">Indigo</button>
<button class="btn btn-indigo-50" type="button">Indigo</button>
<button class="btn btn-indigo-60" type="button">Indigo</button>
<button class="btn btn-indigo-70" type="button">Indigo</button>
<button class="btn btn-indigo-80" type="button">Indigo</button>
<button class="btn btn-indigo-90" type="button">Indigo</button>
<button class="btn btn-orange-10" type="button">Orange</button>
<button class="btn btn-orange-20" type="button">Orange</button>
<button class="btn btn-orange-30" type="button">Orange</button>
<button class="btn btn-orange-40" type="button">Orange</button>
<button class="btn btn-orange-50" type="button">Orange</button>
<button class="btn btn-orange-60" type="button">Orange</button>
<button class="btn btn-orange-70" type="button">Orange</button>
<button class="btn btn-orange-80" type="button">Orange</button>
<button class="btn btn-orange-90" type="button">Orange</button>
<button class="btn btn-pink-10" type="button">Pink</button>
<button class="btn btn-pink-20" type="button">Pink</button>
<button class="btn btn-pink-30" type="button">Pink</button>
<button class="btn btn-pink-40" type="button">Pink</button>
<button class="btn btn-pink-50" type="button">Pink</button>
<button class="btn btn-pink-60" type="button">Pink</button>
<button class="btn btn-pink-70" type="button">Pink</button>
<button class="btn btn-pink-80" type="button">Pink</button>
<button class="btn btn-pink-90" type="button">Pink</button>
<button class="btn btn-purple-10" type="button">Purple</button>
<button class="btn btn-purple-20" type="button">Purple</button>
<button class="btn btn-purple-30" type="button">Purple</button>
<button class="btn btn-purple-40" type="button">Purple</button>
<button class="btn btn-purple-50" type="button">Purple</button>
<button class="btn btn-purple-60" type="button">Purple</button>
<button class="btn btn-purple-70" type="button">Purple</button>
<button class="btn btn-purple-80" type="button">Purple</button>
<button class="btn btn-purple-90" type="button">Purple</button>
<button class="btn btn-teal-10" type="button">Teal</button>
<button class="btn btn-teal-20" type="button">Teal</button>
<button class="btn btn-teal-30" type="button">Teal</button>
<button class="btn btn-teal-40" type="button">Teal</button>
<button class="btn btn-teal-50" type="button">Teal</button>
<button class="btn btn-teal-60" type="button">Teal</button>
<button class="btn btn-teal-70" type="button">Teal</button>
<button class="btn btn-teal-80" type="button">Teal</button>
<button class="btn btn-teal-90" type="button">Teal</button>
<button class="btn btn-white-10" type="button">White</button>
<button class="btn btn-white-20" type="button">White</button>
<button class="btn btn-white-30" type="button">White</button>
<button class="btn btn-white-40" type="button">White</button>
<button class="btn btn-white-50" type="button">White</button>
<button class="btn btn-white-60" type="button">White</button>
<button class="btn btn-white-70" type="button">White</button>
<button class="btn btn-white-80" type="button">White</button>
<button class="btn btn-white-90" type="button">White</button>