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
Subscribe to:
Post Comments (Atom)
Categories
- CSS (2)
- error (1)
- image_resizing (1)
- JavaScript (1)
- Jquery (3)
- PHP (4)
- responsive file manager (1)
- SQL SERVER 2008 (5)
- thumbs (1)
- Tips (1)
- Tools (1)
- Windows (3)
TIPZ Beatrice
My Favorite site
Translate
Followers
Beatrice Aracelia Tan. Powered by Blogger.
0 komentar:
Post a Comment