Showing posts with label CSS. Show all posts
Showing posts with label CSS. Show all posts

Wednesday, 20 September 2017

Loading CSS HTLM ALA BLIZZARD

Penasaran ni liat loading website blizzard keren banget trus cari-cari deh cara buatnya akhirnya ketemu ni caranya


<html>
<head>
</head>

<style type="text/css">
.spinner-80-battlenet {
                                        width: 80px;
                                        height: 80px;
                                        background-image: url(spinner-80-battlenet-dd7ab4ec98.png);
                                        background-position: -560px 0;
                                        display: inline-block;
                                        -webkit-animation: f 8.8s steps(21) infinite;
                                        animation: f 0.8s steps(21) infinite;
}

@-webkit-keyframes f {
                                        0% {
                                        background-position: 0;
}
to {
                                        background-position: -1680px;
}
}@keyframes f {
                                        0% {
                                        background-position: 0;
}
to {
                                        background-position: -1680px;
}
}

</style>
<body>
<span class="spinner-80-battlenet"></span>
</body>

</html>
trus ini gambarnya, semoga membantu



Friday, 4 September 2015

cara membuat underline di CSS

ini cara membuat underline yang pas dan tidak terpotong dengan text

<!DOCTYPE html>
<html>
<head>
<title>GARIS BAWAH</title>
</head>
<body>
<table style="border-collapse:collapse;font-family: arial; font-weight:bold; font-size:11px" width=100% align=center border=0 cellspacing=0 cellpadding=4>
<tr>
<td width=70% rowspan=3 align=right Valign=top>Lampiran I :</td>
                         <td  width=30% align=left>http://beatricetipz.blogspot.co.id </td>
                       
                    </tr>
                    <tr>
                         <td align=left>Nomor : </td>
                    </tr>
                 
                    <tr>
                         <td align=left style="margin-bottom:15px;border-bottom: 2px solid;display: inline-block;width: 170px; ">Tanggal :               </td>
                    </tr>

                  </table><br>
</body>
</html>

jika ingin test http://www.w3schools.com/html/tryit.asp?filename=tryhtml_default tinggal copy paste