{"playground_type":"fork","logged_in_user":[],"users_to_assign":[],"bootstrap_versions":{"3.4":{"cssTags":[""],"jsTags":["",""]},"4.6":{"cssTags":[""],"jsTags":["",""]},"5.3":{"cssTags":[""],"jsTags":[""]}},"forking_from":8,"component_data":{"id":8,"slug":"gradient-buttons","title":"Gradient Buttons","description":null,"html":"

","css":".btn-gradient { background-image: linear-gradient(to right, var(--bs-btn-bg) 0%, var(--bs-btn-bg-gradient) 100%); background-size: 200% auto; transition: background-position 0.5s ease-out; } .btn-gradient:hover { background-position: right center; } .btn-primary.btn-gradient { --bs-btn-bg: #0d6efd; --bs-btn-bg-gradient: #6c9eff; } .btn-success.btn-gradient { --bs-btn-bg: #198754; --bs-btn-bg-gradient: #5cd47f; } .btn-danger.btn-gradient { --bs-btn-bg: #dc3545; --bs-btn-bg-gradient: #ff7d87; }","javascript":null,"user_id":1,"user_name":"prajwal","center_type":1,"is_responsive":1,"is_supports_dark_mode":0,"bs_version":"5.3","tags":[{"label":"Button","value":9}]}}