1.save-message { 2 display: none; 3 animation: fadeInAnimation ease 1s; 4 position: fixed; 5 bottom: 15px; 6 right: 15px; 7 padding: 15px; 8 padding-left: 80px; 9 padding-right: 80px; 10 color: white; 11 background-color: #01b101bb; 12 border-radius: 3px; 13 } 14 .delete-message { 15 display: none; 16 animation: fadeInAnimation ease 1s; 17 position: fixed; 18 bottom: 15px; 19 right: 15px; 20 padding: 15px; 21 padding-left: 80px; 22 padding-right: 80px; 23 color: white; 24 background-color: #b10101bb; 25 border-radius: 3px; 26 } 27 @keyframes fadeInAnimation { 28 0% { 29 opacity: 0; 30 bottom: -45px 31 } 32 100% { 33 opacity: 1; 34 bottom: 15px; 35 } 36 } 37 @keyframes fadeOutAnimation { 38 0% { 39 opacity: 1; 40 bottom: 15px 41 } 42 100% { 43 opacity: 1; 44 bottom: -60px; 45 display: none; 46 } 47 }