Cacher is the code snippet organizer for pro developers

<!-- http://www.giphy.com/gifs/3o6ozxXXiShe02tEha -->
<!-- http://www.giphy.com/gifs/l3V0hbQlKSN3HJYEU -->

<div class="btn btn-default">Button</div>

<style type="text/css">
	.btn {
		background-color: rgba(0, 0, 0, 0);
		background-position: 100% 100%;
		background-size: 100% 200%;
		transition: all 0.3s ease;
	}
		.btn:hover {
			background-size: 100% 200%;
			background-position: 0% 0%;
			background-image: url(https://www.7811178.ru/static/images/btn_yellow.png);
		}
</style>