How to add animated download button in blog post

Example of animated download button




1. First open new post
2. Paste this code below in HTML

<button class="button">Click Me</button>
3. Replace "Click Me" with whatever you want
4. After that open CSS at "Theme" ------> 

Customize---->

 Advance------->

Add CSS------->

5. Paste this code in CSS to make the button animated. 

.button { padding: 15px 25px; font-size: 24px; text-align: center; cursor: pointer; outline: none; color: #fff; background-color: #000; border: none; border-radius: 15px; box-shadow: 0 9px #999; } .button:hover {background-color: #333333} .button:active { background-color: #ccc; box-shadow: 0 5px #666; transform: translateY(4px); }

6. and then save it, review your blog