shaking text

<style>
.shaking {

animation: shake2 1s;
animation-iteration-count: infinite;
-webkit-transition: .4s ease-in;
-moz-transition: .4s ease-in;
transition: .4s ease-in;
}

@keyframes shake {
0% {
transform: translate(1px, 1px) rotate(0deg);
}

10% {
transform: translate(-1px, -2px) rotate(-1deg);
}

20% {
transform: translate(-2px, 0px) rotate(1deg);
}

30% {
transform: translate(1px, 1px) rotate(0deg);
}

40% {
transform: translate(1px, -1px) rotate(1deg);
}

50% {
transform: translate(-1px, 2px) rotate(-1deg);
}

60% {
transform: translate(-2px, 1px) rotate(0deg);
}

70% {
transform: translate(2px, 1px) rotate(-1deg);
}

80% {
transform: translate(-1px, -1px) rotate(1deg);
}

90% {
transform: translate(1px, 1px) rotate(0deg);
}

100% {
transform: translate(1px, -2px) rotate(-1deg);
}
}

@keyframes shake2 {
0% {
transform: translate(1px, 1px) rotate(0deg);
}

10% {
transform: translate(-1px, -2px) rotate(0deg);
}

20% {
transform: translate(-1px, 0px) rotate(1deg);
}

30% {
transform: translate(1px, 1px) rotate(0deg);
}

40% {
transform: translate(1px, -1px) rotate(1deg);
}

50% {
transform: translate(-1px, 2px) rotate(0deg);
}

60% {
transform: translate(-1px, 1px) rotate(0deg);
}

70% {
transform: translate(1px, 1px) rotate(-1deg);
}

80% {
transform: translate(-1px, -1px) rotate(0deg);
}

90% {
transform: translate(1px, 1px) rotate(0deg);
}

100% {
transform: translate(1px, -2px) rotate(-1deg);
}
}
</style>
<script type="text/javascript">
// <![CDATA[
var cursor = "";
// set cursor
/***************************\
* News Ticker Text Effect *
*(c)2004-14 mf2fm web-design*
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
\***************************/
var newsp, cursp, flash, item = 0;

if (typeof ('addRVLoadEvent') != 'function')
function addRVLoadEvent(funky) {
var oldonload = window.onload;
if (typeof (oldonload) != 'function')
window.onload = funky;
else
window.onload = function() {
if (oldonload)
oldonload();
funky();
}
}

addRVLoadEvent(teleprint);

function teleprint() {
if (document.getElementById) {
var span = document.getElementById("news");
while (span.childNodes.length)
span.removeChild(span.childNodes[0]);
delay *= 1000;
newsp = document.createElement("span");
cursp = document.createElement("span");
cursp.appendChild(document.createTextNode(String.fromCharCode(160) + cursor));
span.appendChild(newsp);
span.appendChild(cursp);
ticker();
}
}

function ticker() {
var i;
while (newsp.childNodes.length)
newsp.removeChild(newsp.childNodes[0]);
newsp.appendChild(document.createTextNode(news[item].substring(0, 1)));
for (i = 1; i < news[item].length; i++)
setTimeout('newsp.firstChild.nodeValue="' + news[item].substring(0, i + 1) + '"', 100 * i);
if (news[item].indexOf("www") != -1)
setTimeout('linkit(' + item + ')', 100 * i);
setTimeout('flash=setInterval("cursp.style.visibility=(cursp.style.visibility==\'visible\')?\'hidden\':\'visible\'", 234)', 100 * i)
setTimeout('clearInterval(flash)', delay);
setTimeout('cursp.style.visibility="visible"', delay);
setTimeout('ticker()', delay);
item = ++item % news.length;
}

function linkit(q) {
var a, p, e, l;
p = news[q].indexOf("www");
e = news[q].indexOf(" ", p);
if (e == -1)
e = news[q].length;
l = news[q].substring(p, e);
while (newsp.childNodes.length)
newsp.removeChild(newsp.childNodes[0]);
newsp.appendChild(document.createTextNode(news[q].substring(0, p)));
a = document.createElement("a");
a.href = "http://" + l;
a.appendChild(document.createTextNode(l));
newsp.appendChild(a);
newsp.appendChild(document.createTextNode(news[q].substring(e)));
}
// ]]>
</script>

<div class="shaking">text</div>