@charset "utf-8";
/* CSS Document */

/* The Effect */

.textmarker {   
    display:inline;
    background-size: 200% auto;
    -webkit-background-size: 200% auto;
    -moz-background-size: 200% auto;
    background-position: -0% 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #ff6600 50%);
    transition: background-position 1s ease-out;
    -webkit-transition: background-position 0.5s ease-out;
}
.textmarker:hover   {   background-position: -100% 0;}


.textmarker.invers {       
    background-position: -200% 0;    
}
.textmarker.invers:hover   {   
    background-position: -100% 0;
}