CSS3 Animations

Do you remember the hell to do something like this just few years ago? :) - http://jsfiddle.net/ondrejd/22Lczf3d/

1 2 3

<div class="snackbar"> <p>New URL saved</p> </div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14

div.snackbar { animation-duration: 0.5s; animation-name: snackbarSlideIn; background-color: #323232; border-radius: 2px 2px 2px 2px; bottom: 10px; color: #FFFFFF; height: 48px; min-width: 288px; max-width: 568px; padding: 0 24px 0 24px; position: fixed; right: 10px; }