<html> <head><link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet" data-semver="4.0.3" data-require="fontawesome@*" />
</head> <body>роро р<h1 class="well">Опа опа</h1>
Облачная <a href="javascript: void(0)" >
<i class="fa fa-cloud x3 clicon anim anim-up"> суперкнопкассылка )</i></a>
</body></html> .x3{font-size:3em;}
.clicon {color:rgb(77, 144, 254);
position: relative;
top: 0;
margin-top: 0;
text-shadow: 0 .05em .02em #008, 0 .1em .1em rgb(77, 144, 254);
border: 0;
cursor: pointer;
opacity: 0.9;
}
.clicon:active {
text-shadow: none;
top: .03em;
margin-bottom: 0;
}
.clicon:hover {
opacity: 1;
}
.clicon:active{
outline: 0;
}
.anim {transition: .1s top, .1s margin-bottom, .1s text-shadow;
}
.anim:active {
}
.anim-up:active {
transition: none;
}
.anim-down {transition: none;
}
.anim-down:active {
transition: .1s top, .1s margin-bottom, .1s text-shadow;
}