.waving:before { content: attr(data-hover); font-size:84px; margin-top:150px; margin-right:150px; margin-left:150px; margin-bottom:150px; } .waving { animation-name: wave-animation; animation-duration: 3.0s; animation-iteration-count: infinite; transform-origin: 70% 70%; } @keyframes wave-animation { 0% { transform: rotate( 0.0deg) } 10% { tRansform: rotate(14.0deg) } 20% { trAnsform: rotate(-8.0deg) } 30% { traNsform: rotate(14.00deg) } 40% { tranSform: rotate(-4.0deg) } 50% { transForm: rotate(10.0deg) } 60% { transfOrm: rotate( 0.00deg) } 100% { transfoRm: rotate( 0.000deg) } } "; $precss=$cssstyle; function viacolon($instuff) { //21c // background: url("data:image/svg+xml,"); //. //13,14c //.box:after { // content: "Well I never"; //. //w $ldm=";"; $prevln=''; $inlns=explode("\n", $instuff); $lns=file('/tmp/emoji_animation.diff'); foreach ($lns as $line_num => $ln) { if (strpos($ln, ':') !== false && (strpos($ln, ';') !== false || strpos($ln, '{') !== false)) { if (strpos($ln, 'background:') === false) { $bg=explode(':', $ln); if (strpos($instuff, $bg[0] . ':') !== false) { $ldm=";"; if (strpos($bg[1], ";") === false && strpos($bg[1], "{") !== false) { $ldm="{"; } //if (strpos($bg[0], ".box") !== false) { file_put_contents('ax.ax', $instuff . "\n\n\n" . $bg[0] . ':' . explode($ldm, explode($bg[0] . ':', $instuff)[1])[0] . ':' . "\n\n\n" . $bg[0] . ':' . explode($ldm, explode($bg[0] . ':', file_get_contents('/tmp/emoji_animation.diff'))[1])[0] . "\n\n\n" . str_replace($bg[0] . ':' . explode($ldm, explode($bg[0] . ':', $instuff)[1])[0],$bg[0] . ':' . explode($ldm, explode($bg[0] . ':', file_get_contents('/tmp/emoji_animation.diff'))[1])[0],$instuff)); } $instuff=str_replace($bg[0] . ':' . explode($ldm, explode($bg[0] . ':', $instuff)[1])[0],$bg[0] . ':' . explode($ldm, explode($bg[0] . ':', file_get_contents('/tmp/emoji_animation.diff'))[1])[0],$instuff); } else if (strpos($prevln, "a") !== false) { $instuff=str_replace(str_replace("\n", "", $inlns[-1 + explode("a", $prevln)[0]]), str_replace("\n", "", $inlns[-1 + explode("a", $prevln)[0]]) . " " . $bg[0] . ':' . explode(';', explode($bg[0] . ':', file_get_contents('/tmp/emoji_animation.diff'))[1])[0] . '; ', $instuff); } } } if (strpos($prevln, "d") !== false && strlen($prevln) <= 10 && strpos(trim($prevln), ' ') === false) { $instuff=str_replace(str_replace("\n", "", $inlns[-1 + explode("d", $prevln)[0]]), " ", $instuff); } else if (strpos($prevln, "c") !== false && strlen($prevln) <= 10 && strpos(trim($prevln), ' ') === false) { $instuff=str_replace(str_replace("\n", "", $inlns[-1 + explode("c", $prevln)[0]]), str_replace("\n", "", $ln), $instuff); } $prevln=$ln; } return $instuff; } function command_exist($cmd) { $return = shell_exec(sprintf("which %s", escapeshellarg($cmd))); return !empty($return); } if (file_exists('/tmp/')) { if (!file_exists('/tmp/emoji_animation.before')) { file_put_contents('/tmp/emoji_animation.before', $cssstyle); } if (isset($_GET['reconstruct'])) { $emaila=" "; $smsa=" "; $onl=" onload=\" newwin(document.getElementById('box')); \""; $r=str_replace("+"," ",urldecode($_GET['reconstruct'])); if (strpos($r, "~!@") !== false) { $prewords=explode("~!@", $r)[0]; $r=substr($r, strlen($prewords . "~!@")); $words=str_replace("\n + ","\n",str_replace("\n + ","\n",str_replace("\n + ","\n",str_replace(" "," + ",str_replace("svg xml,","svg+xml,",$prewords))))); } file_put_contents('/tmp/emoji_animation.after', $precss); file_put_contents('/tmp/emoji_animation.diff', str_replace("\n + ","\n",str_replace("\n + ","\n",str_replace("\n + ","\n",str_replace(" "," + ",str_replace("svg xml,","svg+xml,",$r)))))); if (command_exist('ed')) { exec('ed - /tmp/emoji_animation.after < /tmp/emoji_animation.diff'); } else if (strpos($precss, 'background:') !== false && strpos(file_get_contents('/tmp/emoji_animation.diff'), 'background:') !== false) { file_put_contents('/tmp/emoji_animation.after', viacolon(str_replace('background:' . explode(';', explode('background:', $precss)[1])[0],'background:' . explode(';', explode('background:', file_get_contents('/tmp/emoji_animation.diff'))[1])[0],$precss))); } else { file_put_contents('/tmp/emoji_animation.after', viacolon($precss)); } $cssstyle=file_get_contents('/tmp/emoji_animation.after'); //unlink('/tmp/emoji_animation.after'); } } if (isset($_POST['email'])) { $myclick.="\n emis='" . str_replace('+',' ',urldecode($_POST['email'])) . "'; \n"; $myclick.="\n emailit(); /" . "/ document.getElementById('myemail').click(); \n"; } if (isset($_POST['sms'])) { $myclick.="\n smsis='" . str_replace('+',' ',urldecode($_POST['sms'])) . "'; \n"; $myclick.="\n smsit(); /" . "/ document.getElementById('mysms').click(); \n"; } if (isset($_GET['email'])) { $myclick.="\n emis='" . str_replace('+',' ',urldecode($_GET['email'])) . "'; \n"; $myclick.="\n emailit(); /" . "/ document.getElementById('myemail').click(); \n"; } if (isset($_GET['sms'])) { $myclick.="\n smsis='" . str_replace('+',' ',urldecode($_GET['sms'])) . "'; \n"; $myclick.="\n smsit(); /" . "/ document.getElementById('mysms').click(); \n"; } if (isset($_POST['css'])) { $was=$cssstyle; $cssstyle=str_replace("\n + ","\n",str_replace("\n + ","\n",str_replace("\n + ","\n",str_replace(" "," + ",str_replace("svg xml,","svg+xml,",str_replace("+"," ",urldecode($_POST['css']))))))); if (file_exists('/tmp/')) { if (file_exists('/tmp/emoji_animation.after')) { unlink('/tmp/emoji_animation.after'); } if (!file_exists('/tmp/emoji_animation.after')) { file_put_contents('/tmp/emoji_animation.after', $cssstyle); } if ($was == $cssstyle) { file_put_contents('/tmp/emoji_animation.diff', 'w'); $reconstruct=('?reconstruct=' . urlencode(file_get_contents('/tmp/emoji_animation.diff'))); } else { $emaila=" "; $smsa=" "; exec('diff --strip-trailing-cr -b -e /tmp/emoji_animation.before /tmp/emoji_animation.after > /tmp/emoji_animation.diff'); if (file_exists('/tmp/emoji_animation.diff')) { file_put_contents('/tmp/emoji_animation.diff', str_replace("\r","",file_get_contents('/tmp/emoji_animation.diff')) . "w\n"); $reconstruct=('?reconstruct=' . urlencode(file_get_contents('/tmp/emoji_animation.diff'))); } } } } else if (isset($_GET['css'])) { $was=$cssstyle; $cssstyle=str_replace("\n + ","\n",str_replace("\n + ","\n",str_replace("\n + ","\n",str_replace(" "," + ",str_replace("svg xml,","svg+xml,",str_replace("+"," ",urldecode($_GET['css']))))))); if (file_exists('/tmp/')) { if (file_exists('/tmp/emoji_animation.after')) { unlink('/tmp/emoji_animation.after'); } if (!file_exists('/tmp/emoji_animation.after')) { file_put_contents('/tmp/emoji_animation.after', $cssstyle); $reconstruct=('?reconstruct=' . urlencode(file_get_contents('/tmp/emoji_animation.diff'))); } if ($was == $cssstyle) { file_put_contents('/tmp/emoji_animation.diff', 'w'); } else { $emaila=" "; $smsa=" "; exec('diff --strip-trailing-cr -b -e /tmp/emoji_animation.before /tmp/emoji_animation.after > /tmp/emoji_animation.diff'); if (file_exists('/tmp/emoji_animation.diff')) { file_put_contents('/tmp/emoji_animation.diff', str_replace("\r","",file_get_contents('/tmp/emoji_animation.diff')) . "w\n"); $reconstruct=('?reconstruct=' . urlencode(file_get_contents('/tmp/emoji_animation.diff'))); } } } } if (isset($_POST['words'])) { $words=str_replace("\n + ","\n",str_replace("\n + ","\n",str_replace("\n + ","\n",str_replace(" "," + ",str_replace("svg xml,","svg+xml,",str_replace("+"," ",urldecode($_POST['words']))))))); if ($words != "Hi") { $reconstruct=str_replace(('?reconstruct='),('?reconstruct=') . urlencode($words . '~!@'), $reconstruct); $emaila=" "; $smsa=" "; } } else if (isset($_GET['words'])) { $words=str_replace("\n + ","\n",str_replace("\n + ","\n",str_replace("\n + ","\n",str_replace(" "," + ",str_replace("svg xml,","svg+xml,",str_replace("+"," ",urldecode($_GET['words']))))))); if ($words != "Hi") { $reconstruct=str_replace(('?reconstruct='),('?reconstruct=') . urlencode($words . '~!@'), $reconstruct); $emaila=" "; $smsa=" "; } } else if (!isset($_GET['reconstruct'])) { if (file_exists('emoji_animation.htm')) { header('Location: ' . str_replace(":80/","/",str_replace(":443/","/","http://" . $_SERVER['SERVER_NAME'] . ":" . $_SERVER['SERVER_PORT'] . "" . str_replace('.php','.htm',$_SERVER['REQUEST_URI'])))); exit; } } if ($reconstruct != '') { $emaila=" "; $smsa=" "; } if (1 == 2 && $myclick != "" && $reconstruct != "") { echo ""; } else { echo " Emoji Animation - RJM Programming - May, 2022 ... thanks to https://dev.to/anthonyjdella/how-to-animate-an-emoji-with-css-5eb9 " . $cssstyle . "

'); } this.innerHTML=isih; } \">" . str_replace("\n", "
", $words) . "

Emoji Animation Design" . $emaila . $smsa . "

RJM Programming - May, 2022

Thanks to How to Animate an Emoji with CSS

"; } ?>