In this example below you will see how to do a Crazy with some HTML / CSS and Javascript

This awesome code was written by BunA56, you can see more from this user in the personal repository.
You can find the original code on
Copyright BunA56 ©
  • HTML
  • CSS
  • JavaScript
<!DOCTYPE html>
<html lang="en" >

  <meta charset="UTF-8">
      <link rel="stylesheet" href="css/style.css">



        <meta charset="utf-8">
  <div class="words">
    <h3>I'm gonna try to make this as crazy as I can</h3>
    <p>Okay, this is giving me a headache. Maybe I have a headache just because I'm tired. I dunno. Colors, words, craziness!</p>

    <script  src="js/index.js"></script>



/*Downloaded from */
body {
  background: url('');
.words {
  border-color: rgb(229, 13, 125);
  margin: 45px;
  padding: 10px;
  border-style: dotted groove solid double;
  background: url('');
  border-width: 13px;
  color: rgb(58, 31, 7);
  -webkit-animation-name: blinker;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
body :hover { 
    background: url('');
@-webkit-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }

/*Downloaded from */

draw = function() {
    stroke(164, 30, 209);
    fill(mouseX, mouseY, 0);
    ellipse(mouseX, mouseY, mouseY, mouseY);