10 December 2023

Efek CSS Mata Rinnegan Sharingan dalam Serial Manga Naruto

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

Efek CSS Mata Rinnegan Sharingan dalam Serial Manga Naruto
NARUTO Uzumaki? Naruto (ナルト, Jepang) Sebuah nama yang populer dalam dunia Manga. Berkisah tentang kehidupan di desa Ninja. Trio ninja Naruto Uzumaki, Sasuke Uchiha dan Sakura Haruno, mengarungi kehidupan sebagai ninja di Desanya, Desa Konohagakure. Serial Manga ini masuk dalam Majalah Shonen Jump.

Karya Masterpiece Mashashi Kishimoto, seorang Mangaka terkenal dari Jepang selain Eichiro Oda. Penerus Akira Toriyama (Dragon Ball, red) dan Fujiko Fujio (Doraemon, red), ini membuat cerita tentang Ninja yang dikemas dalam perspektif modern. Ceritanya Naruto, seorang yang ambisius, periang dan humoris, menjalani pelatihan Ninja untuk meraih gelar Hokage (gelar tertinggi pada Ninja, red) di desanya.

Dalam petualangannya, Tim Naruto dilatih oleh seorang guru Ninja yaitu Kakashi Hatake. Seorang guru dengan satu mata tertutup dan selalu membawa buku Icha Icha (イチャイチャ, Icha Icha). Dia melatih Tim Naruto untuk menjadi ninja hebat. Selain itu Naruto dibantu teman-temannya yakni Hinata Hyuga, Neji Hyuga, Kiba Inuzuka, Rock Lee, Shino Aburame, Choji Akimichi, Ino Yamanaka, Shikamaru Nara, Tenten.



Naruto dalam kemasan Video :

@volcogot Happy birthday Naruto #naruto #uzumakinaruto #animeedit ♬ оригинальный звук - volcogot


Tidak hanya desa Konohagakure, di Serial Manga itu juga terdapat beberapa desa besar yang dihuni para ninja hebat, Desa itu :

1. Desa Konohagakure dipimpin oleh seorang Hokage dan dijuluki sebagai Desa Daun.
2. Desa Sunagakure dipimpin oleh seorang Kazekage dan dijuluki sebagai Desa Pasir.
3. Desa Iwagakure dipimpin oleh seorang Tsuchikage dan dijuluki sebagai Desa Batu.
4. Desa Kirigakure dipimpin oleh seorang Mizukage dan dijuluki sebagai Desa Kabut.
5. Desa Kumogakure dipimpin oleh seorang Raikage dan dijuluki sebagai Desa Awan.

Selain yang sudah disebutkan diatas, masih ada 2 lagi desa yaitu Desa Otogakure (Desa Bunyi, red) yang didirikan Orochimaru dan Desa Takigakure (Desa Air Terjun, red) yang berisikan anggota Akatsuki yang terdiri dari :

1. Pain dengan kekuatannya Rinnegan
2. Konan dengan Ninjutsu Kertas
3. Itachi dengan Genjutsu Sharinggan
4. Kisame dengan Pedang Samehada dan Genjutsu Air
5. Deidara - Art Is A Banggg!!! - Tanah Liat Peledak
6. Hidan dengan Teknik Keabadian Jashin
7. Kakuzu dengan Teknik 5 Elemen dan 5 Jantung
8. Sasori dengan Kugutsu / Boneka Tarung
9. Zetsu dengan Mokuton dan MayFly (Mata-mata)

Akatsuki dengan Simbol Awan Merah itulah yang menjadi musuh utama dari Naruto yang dikemudian hari tidak hanya desa Konohagakure yang melawannya tapi dari desa-desa lain ikut membantu untuk melenyapkan Akatsuki, meski itu harus dibayar mahal dengan kematian Hokage ke 3 Hiruzen Sarutobi dan Jiraiya serta ninja hebat lainnya. Hebat sekali ya Akatsuki, dengan sembilan anggotanya, dapat menciptakan Perang Dunia ala Ninja.



Naruto

Awal mula Naruto adalah anak dari Mizukage hokage ke 4. Dia belajar ilmu ninja di sekolahnya dan dibimbing oleh Kakashi. Tingkahnya yang konyol membuat teman-temannya merasa senang berada didekatnya. Tapi perseteruan dan berakhir dengan persahabatan abadi antara Naruto dan Sasuke membuahkan hasil dengan menciptakan jurus terhebat nantinya. Naruto dengan Rasengan dan Sasuke dengan pedang Susano.

Kyuubi, atau Biju ekor 9 yang disegel dalam tubuh Naruto mengorbankan nyawa ayahnya. Mizukage meninggal dalam pertarungan sengit itu. Dan kelak, Naruto akan mewarisi ilmu pengendali Kyuubi ekor 9 dalam tubuhnya. Dan dari situlah, ia akan bertentangan dengan Akatsuki yang mencoba mencuri kekuatan 9 Biju dari Naruto.

9 Bijuu

Gerombolah penjahat Awan Merah mencoba mencuri 9 ekor Biju dari para ninja hebat.
1. Bijuu ekor 1 - Ichibi 'Shukaku' -
2. Bijuu ekor 2 - Matatabi 'Nibi No Nekomata' -
3. Bijuu ekor 3 - Sanbi 'Isobu' -
4. Bijuu ekor 4 - Yonbi 'Son Goku' -
5. Bijuu ekor 5 - Gobi 'Kokuo' -
6. Bijuu ekor 6 - Rokubi 'Saiken' -
7. Bijuu ekor 7 - Nanabi 'Chomei' -
8. Bijuu ekor 8 - Hachibi 'Gyuki' -
9. Bijuu ekor 9 - Kyuubi 'Kurama' -

Organisasi Akatsuki terbentuk karena keinginan mereka untuk lepas dari kesedihan akibat peperangan yang berlangsung lama. Cita-cita akatsuki adalah untuk menciptakan perdamaian dunia yang terlepas dari peperangan yang menghancurkan seluruh dunia. Tapi faktanya, Akatsuki malah menimbulkan World War of Ninja dan memakan korban yang tak terhitung jumlahnya.

Hokage 1 Hashirama

Konoha didirikan oleh Hokage 1 yaitu Hashirama Senju (千手柱間, Senju Hashirama) yang bergelar Hokage Pertama (初代火影, Shodaime Hokage) bersama dengan Madara. Tapi keduanya berkonflik dan pecahlah perang antara dunia Ninja.

Diceritakan bahwa Hashirama dihormati sebagai ninja yang paling ditakuti pada masanya. Ia amat dihormati dan bahkan saingannya sendiri, Madara Uchiha, menghormati kekuatannya. Hanya ada satu orang yang mampu menghadapinya, dan hanya ada satu klan yang mampu menghadapi klannya, yaitu - Madara Uchiha - dan klan Uchiha.

Pemilik kekuatan Kayu itu mempunyai kekuatan Justu yang sangat dahsyat pada masanya. Tidak ada satupun ninja yang mampu menandingi kekuatannya. Dan Konoha pun mendapatkan berkah dengan pemimpin seorang Hashirama. Dan selanjutnya dipimpin oleh Tobirama Senju (adik Hokage 1, red) dan diteruskan juga oleh Hiruzen Sharutobi hokage ke 3 seorang ninja jenius dari Konoha.

Rinnegan Sharingan CSS

Oh iya, kita masih bercerita tentang Naruto ya. Tapi tutorial CSS kali ini, kita akan mempraktekkan cara membuat efek mata Rinnegan milik Pain - Akatsuki Leader - dan Sharinggan efek mata dari Itachi - Akatsuki Member -. Kedua mata yang sangat membahayakan dalam dunia Ninja Naruto itu akan kita kemas dalam bahasa CSS. Belum diupas ya tentang Rinnegan dan Sharinggan. Tapi saya yakin kalian sudah pada tahu tentang efek genjutsu dari kedua mata milik Ninja Hebat - Akatsuki - ini. Yuk kita buat saja efeknya.

Caranya adalah?

Ini dia dibawah, tutorial tentang menggambar Rinnegan dan Sharinggan :

1. Masuk ke DASHBOARD blogger
2. Pilih TEMA
3. Klik SESUAIKAN : EDIT HTML
4. Cari kode ]]><b:skin/>
5. Tempelkan kode dibawah ini persis diatas kode ]]><b:skin/> tersebut
body {
  background-color: #3A3838;
}

.container {
  width: 650px;
  padding-top: 70px;
  margin: 0 auto;
}

.eye {
  width: 250px;
  height: 250px;
  border-radius: 25% 85% 15% 85%;
  float: left;
  background-color: #CECECE;
  overflow: hidden;
}

.eye-left {
  transform: rotate(45deg) rotate(-75deg);
  margin-right: 145px;
}

.eye-right {
  transform: rotate(45deg) rotate(75deg);
}

.rinnegan {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 50%;
  background: linear-gradient(to bottom,#98A1A8 ,#8C7496);
  transform: rotate(50deg) scale(1.4);
}

.rinnegan::after {
  content: "";
  position: absolute;
  left: 115px;
  top: 120px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: black;
}

.lines {
  position: absolute;
  width: 55%;
  left: 50px;
  top: 55px;
  height: 55%;
  border-radius: 50%;
  border: 3px solid black;
}

.lines:nth-of-type(1) {
  transform: scale(1.5);
}

.lines:nth-of-type(2) {
  transform: scale(1.2);
}

.lines:nth-of-type(3) {
  transform: scale(0.9);
}

.lines:nth-of-type(4) {
  transform: scale(0.7);
}

.lines:nth-of-type(5) {
  transform: scale(0.4);
  border: 4px solid black;
}
/* SHARINGAN */
.sharingan {
  position: relative;
  margin-left: 20px;
  margin-top: 22px;
  width: 200px;
  height: 200px;
  background: #a93e3a;
  border: 15px solid black;
  border-radius: 50%;
  transform: rotate(30deg);
  overflow: hidden;
  animation: sharingan 7s cubic-bezier(.26,-0.54,.68,1.53) infinite;
}

.sharingan .circle {
  width: 100px;
  height: 100px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 50%;
  background-color: #000;
}

.sharingan .circle::after {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background-color: #a93e3a;
}

.sharingan .dumb {
  position: absolute;
  width: 60px;
  height: 85px;
  background-color: black;
}

.sharingan .dumb:nth-of-type(2) {
  top: 115px;
  left: 70px;
  transform: rotate(0deg);
}

.sharingan .dumb:nth-of-type(3) {
  top: 25px;
  left: -5px;
  transform: rotate(114deg);
}

.sharingan .dumb:nth-of-type(4) {
  top: 25px;
  left: 135px;
  transform: rotate(63deg);
}

@keyframes sharingan {
  35% {
    transform: rotate(15deg);
  }

  40% {
    transform: rotate(30deg);
  }

  85% {
    transform: rotate(730deg);
  }

  100% {
    transform: rotate(750deg);
  }
}


6. Selanjutnya klik SAVE
7. Masuk TATA LETAK
8. Pilih TAMBAH HTML/JAVASCRIPT
9. Tempelkan kode dibawah ini di konten kosong yang tersedia disitu
<div class="container">
  <div class="eye eye-left">
    <div class="sharingan">
      <div class="circle"></div>
      <div class="dumb"> </div>
      <div class="dumb"> </div>
      <div class="dumb"> </div>
    </div>
  </div>
  <div class="eye eye-right">
    <div class="rinnegan">
      <div class="lines"></div>
      <div class="lines"></div>
      <div class="lines"></div>
      <div class="lines"></div>
      <div class="lines"></div>
    </div>
  </div>
</div>


10. Save lagi dan Publikasikan.
11. Lihat blog kalian dan sudah muncul itu efek mata Rhinnegan dan Sharinggan.




Seperti kebanyakan manga shonen tahun 90an, karakter Naruto Uzumaki juga terinspirasi dari Son Goku dalam manga Dragon Ball. Kishimoto mengatakan kalau sifat Naruto itu adalah penggambaran tokoh jagoan utama di manga Shonen yang dibuka dari Goku yaitu tipe orang yang langsung to the point, nakal serta konyol.

Sejak Son Goku muncul memang beberapa karakter manga atau anime bahkan sampai saat ini masih memiliki pola dan konsep yang serupa. Lihat saja pada saat Naruto mengeluarkan jurus Rasenggan, di Dragon Ball juga Goku mengeluarkan jurus hampir mirip seperti itu yaitu Kamehame Zuper dengan bola besar di atas kepalanya. Sama khan? :D

Menurut penciptanya, wajah dan kisah Naruto itu tidak terinspirasi oleh apapun alias murni ciptaannya sendiri. Terutama kisah masa lalunya sih. Kishimoto menciptakan Naruto sebagai karakter yang selalu disakiti ketika kecil namun tetap sabar dan ceria, menurutnya Naruto unik karena sifatnya ini.

Akhirnya sekarang banyak juga karakter anime atau manga yang memiliki konsep masa lalu dan kisah seperti Naruto Uzumaki. Sungguh menginspirasi Mangaka-mangaka muda lainnya nih si Masashi Kishimoto. Keren ya :P

Kalau makanan kesukaan jelas Naruto suka Ramen (拉麺, ラーメン), tapi kalau makanan yang ia benci? Naruto benci dengan sayuran, terutama sayuran utuh atau olahan yang bahan utamanya sayuran. Benci sayuran tapi suka Ramen yang notabene ada ciri sayuran, unik ya :D. Dalam bahasa Jepang, Ramen adalah chuka soba (中華そば, soba dari Tiongkok) atau shina soba (支那そば) karena soba atau o-soba dalam bahasa Jepang sering juga berarti mi.

Oh iya, suara naruto yang cengengesan, konyol, suka humor dan selengekan diisi oleh seorang yang bernama Junko Takeuchi. Nah setelah didubbing dalam bahasa Indonesia, maka pengisi suaranya diisi oleh warna negara Indonesia yang bernama Hanna Bahagiana. Nah itulah sedikit cerita dari Manga Naruto, ayo siapa yang mau bikin Manga Orisinal style Jepang nih teman-teman. Saya doakan semoga ada Mangaka baru dari Indonesia dan itu Kamu :D

Sekian saja dulu teman-teman tutorialnya. Selamat siang. Salam -- Kagebunshin No Justu ...

Bagikan ke teman-teman kamu
Label Postingan : CSS

Terima kasih ya udah mempraktekkan tutorial blog di web alifacode.com dengan judul Efek CSS Mata Rinnegan Sharingan dalam Serial Manga Naruto . Semoga tutorial blog ini dapat bermanfaat. Salam Blogger.

Comments

Pesan berupa SPAM, Sara, Iklan, Pornografi, Broken link dan Link Aktif akan kami hapus. Berkomentarlah dengan sopan dan mengikuti panduan mengemukakan pendapat yang baik.
EmoticonEmoticon