Autohide Navbar Blogger Dengan Css Transisi - Dewa Blogger

Halaman

    Social Items

Buy Now
 Untuk menciptakan efek transisi yang lembut pada pemunculan navbar ibarat pada halaman demo Autohide Navbar Blogger dengan CSS Transisi


Untuk menciptakan efek transisi yang lembut pada pemunculan navbar ibarat pada halaman demo, pertama-tama masuklah ke halaman editor HTML templatemu, lalu kau cari aba-aba dengan selektor yang tampak ibarat ini:

#navbar-iframe {   ...   ...   ... }

Tidak usah pedulikan deklarasi-deklarasi yang dituliskan di dalamnya, eksklusif hapus saja aba-aba tersebut lalu ganti dengan aba-aba ini:

#navbar-iframe {   position:absolute;   top:0;   padding-bottom:7px;   z-index:10000;   opacity:0;   visibility:hidden;   -webkit-transition: all .2s ease-out;   -moz-transition: all .2s ease-out;   -ms-transition: all .2s ease-out;   -o-transition: all .2s ease-out;   transition: all .2s ease-out; }  #navbar-iframe:hover {   visibility:visible;   opacity:1; }

Klik Simpan Template.
Sumber https://www.dte.web.id/

Autohide Navbar Blogger Dengan Css Transisi

 Untuk menciptakan efek transisi yang lembut pada pemunculan navbar ibarat pada halaman demo Autohide Navbar Blogger dengan CSS Transisi


Untuk menciptakan efek transisi yang lembut pada pemunculan navbar ibarat pada halaman demo, pertama-tama masuklah ke halaman editor HTML templatemu, lalu kau cari aba-aba dengan selektor yang tampak ibarat ini:

#navbar-iframe {   ...   ...   ... }

Tidak usah pedulikan deklarasi-deklarasi yang dituliskan di dalamnya, eksklusif hapus saja aba-aba tersebut lalu ganti dengan aba-aba ini:

#navbar-iframe {   position:absolute;   top:0;   padding-bottom:7px;   z-index:10000;   opacity:0;   visibility:hidden;   -webkit-transition: all .2s ease-out;   -moz-transition: all .2s ease-out;   -ms-transition: all .2s ease-out;   -o-transition: all .2s ease-out;   transition: all .2s ease-out; }  #navbar-iframe:hover {   visibility:visible;   opacity:1; }

Klik Simpan Template.
Sumber https://www.dte.web.id/