#example {
    box-shadow: 3px 3px 2px black;
}

#example:hover {
    color: yellowgreen;
}
 .loader2 {
    width:25px;
    height:25px;
    display:inline-block;
    padding:0px;
    border-radius:100%;
    border:5px solid;
    border-top-color:rgba(254, 168, 23, 0.65);
    border-bottom-color:rgba(57, 154, 219, 0.65);
    border-left-color:rgba(188, 84, 93, 0.95);
    border-right-color:rgba(137, 188, 79, 0.95);
    -webkit-animation: loader2 2s ease-in-out infinite alternate;
    animation: loader2 1s ease-in-out infinite alternate;
 }
 @keyframes loader2 {
    from {transform: rotate(0deg);}
    to {transform: rotate(720deg);}
 }
 @-webkit-keyframes loader2 {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(720deg);}
 }