5 mouse sliding button animations Based on css3 and CSS 3

5 mouse sliding button animations Based on css3 and CSS 3

Today, we will share with you five super-dazzling CSS-based mouse sliding button animations. These 5 buttons and mouse buttons are visually animated. These 5 buttons are applicable to browsers: 360, FireFox, Chrome, Safari, Opera, aoyou, sogou, and windows of the world. IE8 and the following browsers are not supported. As follows:

Download Online Preview source code

Implementation code.

Html code:

<Div id = "wrap"> <a href = "#" class = "btn-slide"> <span class = "circle"> <I class = "fa-rocket "> </I> </span> <span class =" title "> rocket </span> <span class =" title-hover "> fly with you </span> </a> <a href = "#" class = "btn-slide2"> <span class = "circle2"> <I class = "fa-download"> </I> </span> <span class = "title2"> download </span> <span class = "title-hover2"> click to download </span> </a> </div> <link rel = "stylesheet" type = "text/css" href = "css/btn2.css"> <div class = "container1"> <div class = "con_down1"> <I class = "fa-download fa-2x"> </I> 
Via: http://www.w2bc.com/Article/19453