Board Thread:Support Requests - Getting Technical/@comment-26011733-20150815233644/@comment-25337988-20150816004521

You could also animate the logo, with code similar to Nicko's:

.WikiHeader .wordmark:hover { -webkit-animation-name: Example; -webkit-animation-delay: 1s; -webkit-animation-duration: 10000ms; -webkit-animation-direction: alternate; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: both; -webkit-animation-play-state: running; -moz-animation-name: Example; -moz-animation-delay: 1s; -moz-animation-duration: 10000ms; -moz-animation-direction: alternate; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -moz-animation-fill-mode: both; -moz-animation-play-state: running; -ms-animation-name: Example; -ms-animation-delay: 1s; -ms-animation-duration: 10000ms; -ms-animation-direction: alternate; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -ms-animation-fill-mode: both; -ms-animation-play-state: running; animation-name: Example; animation-delay: 1s; animation-duration: 10000ms; animation-direction: alternate; animation-iteration-count: infinite; animation-timing-function: linear; animation-fill-mode: both; animation-play-state: running; }

@-moz-keyframes Example { from { -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }   to { -moz-transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg); } }  @-webkit-keyframes Example { from { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }   to { -webkit-transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg); } }

@-ms-keyframes Example { from { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }   to { -webkit-transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg); } }  @keyframes Example { from { transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg); }   to { transform:rotateX(360deg) rotateY(360deg) rotateZ(360deg); }