# Rainbow Logo Example
###### tags: `example`

<style>

@keyframes eee {
0%,100% {background-position: 0 0 }
50% {background-position: -400px 0 }
}

.navbar-brand > span.hidden-xs {
color: transparent;
}

.navbar-brand > span.hidden-xs:before {
background: #ffffff;
color: #000000;
content: ' ';
}

.navbar-brand > span.hidden-xs:after {
animation: eee 5s linear 0s infinite;
background: linear-gradient(to right, Red, Orange, Yellow, Green, Blue, BlueViolet, Navy, Purple);
background-size: 700% 100%;
color: #ffffff;
content: '　HackMD　';
}

.navbar-brand > span.hidden-xs:first {
content: 'asdkfj';
}

</style>