+ 3
I'm not saying that this will work, because I don't have the rest of your code or know what exactly you are attempting to do, but your CSS should look a bit more like this: #Solmin { Animation-name:Solminel; Animation-duration:3s; } #Solmin:hover { width: 480px; color: #3232CD ; background:#45A8ED; border:2px solid #444; } @-webkit-keyframes Solminel { 0% { width: 50px; height: 50px; background: #FFF; border:2px solid #FFF; color:#FFF; -webkit-border-radius:10px; border-radius: 10px; } 100% { -webkit-transition: border 3s , width 3s, color 5s, background 3s; transition: border 3s , width 3s, color 5s, background 3s; } } @keyframes Solminel { 0% { width: 50px; height: 50px; background: #FFF; border:2px solid #FFF; color:#FFF; -webkit-border-radius:10px; border-radius: 10px; } 100% { -webkit-transition: border 3s , width 3s, color 5s, background 3s; transition: border 3s , width 3s, color 5s, background 3s; } }
4th Oct 2017, 7:40 AM
ChaoticDawg
ChaoticDawg - avatar