Button by AndiBumann
This button was created for Button Mastery
#e8e8e8
1.join-now-button { 2 background-color: #ff69b4; /* Grundfarbe (Pink) */ 3 background-image: linear-gradient( 4 to right, 5 #ff69b4 0%, 6 #ffffff 25%, 7 #f00 50%, 8 #ffa500 75%, 9 #ff69b4 100% 10 ); /* Farbverlauf */ 11 background-size: 200% 100%; /* Größe des Farbverlaufs */ 12 background-position: left; /* Position des Farbverlaufs */ 13 transition: background-position 0.3s; /* Animation des Farbverlaufs */ 14 padding: 10px 20px; 15 border: none; 16 border-radius: 5px; 17 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Schatteneffekt */ 18 cursor: pointer; 19 font-size: 18px; 20 font-weight: bold; 21 text-align: center; 22 text-decoration: none; 23 display: inline-block; 24} 25 26.join-now-button:hover { 27 background-position: right; /* Animation des Farbverlaufs */ 28} 29
41 views
41 views
MIT License