Ramai orang yang dulunya berblog tapi sekarang tidak lagi. Kan?

 Demo

#JOM KITA BERBLOG

↻

HTML view ▼

<div style="align-content: center; align-items: center; background: brown; display: flex; flex-direction: row; flex-flow: row wrap; flex-wrap: wrap; justify-content: center; max-width: 800px; place-content: center;">
  <h1 class="jom-kita-berblog">#JOM KITA BERBLOG</h1>
</div>
<div align="right" style="margin-right: 10px; margin-top: 4px;"><a href="javascript:location.reload();"><span style="background: rgb(252, 229, 205); border: 1px solid; padding: 2px;">↻</span></a></div><br />
<style>
.jom-kita-berblog {
  font-size: 66px;
  line-height: 66px;
  margin: 0;
  font-family: arial;
  font-weight: 900;
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw5FXRMS3xA69PyGMPGz0caUPwht8ZJi2W44T5txZKjFcmp-xzfPkqq6aeELqg82WCxjVa3_t_mEQULdTqA2tcrzYhajm0KZCV9632mkxkP7QJAsExQe24rY0HKXC1RRgpEtWr5JYzSW8aMgi94TMYadol6kzbkWuHjiEQ7Y5CJh3oas3OsZe0QIjS/s1158/blog.png);
  background-size: 40%;
  background-position: 50% 50%;
  -webkit-background-clip: text;
  color: rgba(0,0,0,0.08);
  animation: zoomout 10s ease 500ms forwards;
}
@keyframes zoomout {
  from {
    background-size: 40%;
  }
  to {
    background-size: 10%;
  }
} 
</style>

Tutup

CSS disesuaikan untuk paparan di blog ini, dipetik dari codepen