Rules Chatbox (Like Mine)

Hello hari ini selagi koneksi internet masih jalan :).Langsung aja ya sesuai dengan judul postingan.Dan juga request dari Mikaila.Credit tutorial : kak Afiqah.Thanks !.Tapi ada kode yang aku hapus agar menetap :p

LIVE PREVIEW

<style>
.box5 {
border-radius:20px;
border:1px dashed #87CEFA;
width:100px;
overflow:hidden;
height:15px;
color:#aaa;
left:30px;
top:250px;
text-align:center;
moz-box-shadow: 0 0 1px #87CEFA;
-webkit-box-shadow: 0 0 8px #87CEFA;
padding:4px;background: #fff;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}
.box5:hover {
height:150px;
width:250px;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}
</style><div class="box5">Rules<br /><br />
<center> YOUR TEXT </center></div>

Note : Yang kuwarnai merah bisa diganti dengan gambar.Ganti dengan kode di bawah ini

<img src="URL IMAGE" height="110" width="220" />