Membuat Efek Menu Seperti Radar Dengan Materialize
Fitur ialah suatu konten benar-benar wajib di sebuah blog menurut saya, karena untuk saya fitur itu ialah suatu pintu bagi kita berganti-ganti halaman di blog tersebut, ada pun yang menyebutnya jantung, spion dan lain-lain, untuk saya pintu saja hehe, dan pastinya teman-teman pernah melihat efek fitur yang bermacam-macam ada fitur dropdown yang dimana ketika kita klik, muncuk sub-sub menunya, tetapi disini saya akan merancang fitur itu sedikit lebih unik ya, diamana nanti saya akan merancang efek fitur seperti radar dengan materialize, karenanya dari itu jangan kemana-mana simak terus ya.
Pasti teman-teman seperti apa? dan maksudnya radar itu apa? apakah dapat terditeksi, seperti di film-film, yang bukan seperti itu ya, hanya efeknya saja ya teman-teman, biasanya efek radar sendiri mempunyai efek seperti glombang yang mebesar mengecil seperti itu ya, bagaimana ya menjelaskan merancang efek fitur seperti radar dengan materialize, ya pokonya nanti teman-teman pasti tau deh efeknya ketika kita lihat contohnya.
Bagi merancang efek fitur seperti radar dengan materialize, saya membuatnya dengan bantuan materialize ya teman-teman, sebetulnya di materialize efek ini di contohnya di tombol button, tapi saya rasa efek ini dapat pun bagi mempercantik konten yang lain, seperti fitur misalkan, yang sesaat lagi kita akan bikin, nanti teman-teman pun dapat lihat dan coba dengan konten-lain, misalkan inputan form, sebuah artikel yang benar-benar urgen atau baru di post, dapat pun sepertinya, oke sebetulnya cara ini bila teman-teman lihat lumayan simple ya, kita hanya memberikan class pulse konten akan menimbulkan efek seperti radar, oke seketika saja bagaimana cara membuatnya, seperti ini:
<!DOCTYPE html>
<html>
<head>
<title>Merancang Efek Fitur Seperti Radar Dengan Materialize</title>
<!--Import Google Icon Font-->
<link href=https://fonts.googleapis.com/icon?family=Material+Icons rel=stylesheet>
<!--Import materialize.css-->
<link type=text/css rel=stylesheet href=css/materialize.min.css media=screen,projection/>
<!--Let browser know blog is optimized for mobile-->
<meta name=viewport content=width=device-width, initial-scale=1.0/>
<-e-style type=text/css>
.cyan{
text-align: center;
line-height: 50px;
font-weight: bold;
margin-top: 50px;
}
a{
color: #ff3d00
}
</style>
</head>
<body>
<div class=container>
<div class=row>
<div class=col s12>
<h1>Merancang Efek Fitur Seperti Radar Dengan Materialize</h1>
</div>
<a href=><div class=col s3 cyan accent-1 pulse large>Home</div></a>
<a href=><div class=col s3 cyan accent-2 pulse>Profile</div></a>
<a href=><div class=col s3 cyan accent-3 pulse>About</div></a>
<a href=><div class=col s3 cyan accent-4 pulse>Contact</div></a>
</div>
</div>
<!--Import jQuery before materialize.js-->
<-e-script type=text/javascript src=https://code.jquery.com/jquery-3.2.1.min.js></script>
<-e-script type=text/javascript src=js/materialize.min.js></script>
</body>
</html>
Telah tak asing ya, dan saya tak perlu menjelaskan struktur yang lain selain pulse di atas, coba teman-teman perhatikan saya menyisipkan sebuah class pulse, di setiap fitur, efek demikianlah yang menimbulkan seperti radar menurut saya, oke bagaimana hasilnya:
Kalau di gambar tak terlihat efeknya ya, nanti teman-teman dapat copy dulu kode di atas, lalu coba, dan jangan lupa unduh dulu materializenya, oke dan saya rasa lumayan hingga disini dulu belajar kita merancang efek fitur seperti radar dengan materialize, semoga bermanfaat dan hingga jumpa di artikel berikutnya terimakasih.
Sumber https://kursuswebsite.org
