<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://csshake.surge.sh/csshake.min.css">

<link rel="stylesheet" type="text/css" href="http://csshake.surge.sh/csshake-slow.min.css">
<p>カーソルを猫に置いてみてね↓</p>
<div class="hello-world shake-crazy">
  <p class="txt">HelloCat!!</p>
 
<div class="kitty">
  <div class="eye01"></div>
  <div class="eye02"></div>
  <div class="mouse"></div>
</div>
 </div>
.hello-world{
 padding: 150px;
 position: relative;
  font-family: 'Pacifico', cursive;

}
  .txt{position: absolute;
   top: -50px;
  font-size: 50px;
  }
.kitty::before{
  content:'';
  display: inline-block;
width: 111px;
height: 100px;
 border-top:5px solid #000;
 border-left:5px solid #000;
 border-right:4px solid #fff;
 border-bottom:4px solid #fff;
 border-radius:20% 0% 0% 0%;
 background: #fff;
  transform:rotate(70deg);
  position: absolute;
  top:-20px;
  right: 30px;
  
  
}
.kitty::after{
  content:'';
  display: inline-block;
width: 100px;
height: 111px;
 border-top:5px solid #000;
 border-left:5px solid #000;
 border-right:4px solid #fff;
 border-bottom:4px solid #fff;
 border-radius:20% 0% 0% 0%;
 background: #fff;
  transform:rotate(22deg);
  position: absolute;
  top:-25px;
  left: 35px;
}
.kitty{
  z-index: -100;
  width: 400px;
  height: 310px;
  display: block;
  border-radius: 45% 45% 45% 45%;
  border: solid 5px #000;
  position: relative;
}
.eye01{
  width: 40px;
  height: 40px;
  background: #000;
  border-radius: 45% 45% 45% 45%;
  position: absolute;
  top: 45%;
  left: 20%;
}
.eye01::after{
  content:'●';color:#fff;
  font-size: 50px;
position: relative;
 top: -40px;
}



.eye02{
  width: 40px;
  height:40px;
  background: #000;
  border-radius: 45% 45% 45% 45%;
  position: absolute;
  top: 45%;
 right: 20%;
 
}
.eye02::after{
  content:'●';color:#fff;
  font-size: 50px;
position: relative;
 top: -40px;
}
.mouse{
  width: 100px;
  height:50px;
	border-radius:50px 50px 0 0;
  border:solid 5px #000;
  background: red;
  position: absolute;
  top: 68%;
  left: 35%;
  transform:rotate(180deg);
}
Rerun