Tutorial : Link Hover

Assalamu'alaikum

Hello! Apa kabar semua!  Salma punya tutorial baru. Link Hover. Hey! Jangan kira tutorial ini copy. Tutorial ini dari Salma. Okkay, mau meng-aplikasikan LINK HOVER mu?? "Please, Read Carefull!"


1. Link Hover berubah warna. 



a:link, a:visited {
color:#C88EFE;
-webkit-transition:1s;
}
a:hover {
-webkit-transition:1s;
color: #F4A9A9;
cursor: url(URL Cursor), progges;
}
Merah : Warna Link sebelum di Hover, dan Warna Link Sesudh di Klik.
Oranye : Warna Link ketika di Hover.
Fuchsia : URL Cursor ketika meng-Hover Link.

2. Link Hover tercoret.


a:link, a:visited {
color:#C88EFE;
text-decoration:none;
-webkit-transition:1s;
}
a:hover {
-webkit-transition:1s;
cursor: crosshair;
text-decoration: line-through;
} 
Merah : Warna Link.
Fuchsia : Model Cursor ; Auto, Move, Crosshair, dll.

3. Link Hover Tercoret & Berubah warna.


a:link, a:visited {
color:#C88EFE;
text-decoration:none;
-webkit-transition:1s;
}
a:hover {
-webkit-transition:1s;
color:#F4A9A9;
cursor: crosshair;
text-decoration: line-through;
}
Merah : Warna Link sebelum di Hover, dan Warna Link Sesudh di Klik.
Oranye : Warna Link ketika di Hover.
Fuchsia : Cursor ketika meng-Hover Link.

4. Link Hover berubah Bold.



a:link, a:visited {
color:#C88EFE;
text-decoration:none;
font-weight: none;
-webkit-transition:1s;
}
a:hover {
-webkit-transition:1s;
color: #F4A9A9;
font-weight: bold;
cursor: crosshair;
text-decoration: line-through;;
}
Merah : Warna Link sebelum di Hover, dan Warna Link Sesudh di Klik.
Oranye : Warna Link ketika di Hover.
Biru Tua : Style Link ketika do hover. {italic, bold, underline}
Fuchsia : Cursor ketika meng-Hover Link.

5. Link Hover ber-Border. 
Sebenarnya, semua sama. Hanya rubah sedikit saja. Tp, kode-nya cukup panjang
        a. Border Bottom (saja)
}
a:hover {
-webkit-transition:1s;
border-left: none;
border-right: none;
border-top: none;
border-bottom: 2px solid #FF6699;
cursor: crosshair;
}
        b. Border Top (saja)
}
a:hover {
-webkit-transition:1s;
border-left: none;
border-right: none;
border-top: 2px solid #FF6699;
border-bottom: none;
cursor: crosshair;
}
        c. Border Bottom & Top (saja) 
}
a:hover {
-webkit-transition:1s;
border-left: none;
border-right: none;
border-top: 2px solid #FF6699;
border-bottom: 2px solid #FF6699;
cursor: crosshair;
}
        d. Border Left (saja)
}
a:hover {
-webkit-transition:1s;
border-left:  2px solid #FF6699;
border-right: none;
border-top: none;
border-bottom: none;
cursor: crosshair;
}
        e. Border Right (saja)
}
a:hover {
-webkit-transition:1s;
border-left:  none;
border-right:  2px solid #FF6699;
border-top: none;
border-bottom: none;
cursor: crosshair;
}
        f. Border Left & Right (saja)
}
a:hover {
-webkit-transition:1s;
border-left:  2px solid #FF669 ;
border-right:  2px solid #FF6699;
border-top: none;
border-bottom: none;
cursor: crosshair;
} 
g. Semua border.
}
a:hover {
-webkit-transition:1s;
border: 2px solid #FF6699;
cursor: crosshair;
}

Biru Tua : Ketebalan, Jenis, dan Warna Border. [bisa di pelajari di Sini]
Fuchsia : Jenis Cursor.

6. Link Hover Merapat / Merenggang.
        
          a. Merapat. Model Link Hover ini, Link akan merapat/menciut seakan-akan bersatu.
}
a:hover {
-webkit-transition:1s;
cursor: crosshair;
letter-spacing: -1px;
}
Hijau : Semakin besar anka minus-nya. Link akan semakin merapat.
Fuchsia : Jenis Cursor. 


         b. Merenngang. Model Link Hover ini, Link akan merenggang sekan bercerai.

}
a:hover {
-webkit-transition:1s;
cursor: crosshair;
letter-spacing: 1px;
}

Hijau : Semakin besar angka plus-nya. Link akan semakin merenggang.
Fuchsia : Jenis Cursor.


Nah, SELESAI. 6 Dulu aja ya! Kalau ada yg baru. Akan aku perbarui.
See You next tomorrow ..
K-Bay~!
Wassalamu'alaikum

Komentar

Posting Komentar

Postingan populer dari blog ini

Seleksi OSIS ; Omasblt!

Gambar
     Gue manusia bertemperamen Sanguinis, yang nggak bisa dipungkiri kalau sifatnya suka ketenaran. TAPI , bukan keteranan yang gue jadikan alasan buat daftar jadi pengurus OSIS SMASA. Karena, sejatinya keteranan nggak bisa dijadikan buat ikut seleksi pengurus OSIS. Kalaupun toh ntar pengurus OSIS jadi hits , itu karena keadaan yang membuat mereka mau nggak mau harus berinteraksi dengan warga sekolah ketika ada event-event tertentu. Makanya, mereka jadi kenal banyak warga sekolah dan sebaliknya.       Dari masuk SMP, begitu denger kata "OSIS" gue tertarik. Ralat. Tertarik banget buat ikutan seleksinya. Belum juga seleksi mulai udah kebayang-bayang ntar bakal jadi orang sibuk yang ngurusin acara-acara di sekolah. Relasi banyak. Deket sama guru. Hmm... asyique! Well , karena emang nggak pernah ikut seleksi beginian sebelumnya, otomatis gue yang (saat itu) cupu nggak ngerti apa aja yang bakal di tes in sama senior-senior OSIS sekolah gue. Yang gue t...
Baca selengkapnya

Siswa Teladan?

Gambar
Ciao gaes!             Selamat menapakkan kaki di bulan kedua tahun 2015 ini yo!. Nggak kerasa emang kalo 10 bulan lagi udah tahun baru 2016 *lamawoy*. Daaaaan beberapa lagi gue beserta anak bertakdir kembar lainnya bakalan ngadepin serentetan pesta bareng LJK sama Pensil 2B. Dibuka dengan try out dan ulangan-ulangan yang  ngruyuk  abis, penutupnya nggak mau kalah heboh. UN! Ujian Nasional cuyyy. Itupun kalau bisa nghirup oksigen lega karna udah dapet sekolah. Kalo masih mencari sosok/? yang tepat kan berarti UN bukan jadi penutup untuk semua perjuangan #azeek. Kebayang dong, betapa anak kelas 6, 9 dan 12 yang mau ngadepin UN harus rajin bener. Atau minimal sok rajin lah biar kesanya kalo kelas segitu emang super sibuk.       Di tahun terakhir gue menjabat sebagai murid paling kece di sekolah ini . Gue jadi ngerasa kalo waktu itu cepet banget muternya. Dari gue yang dulu culun, cupu dan polos bang...
Baca selengkapnya

Tips Ampuh Hadapi Ujian Nasional (ala gue)

Gambar
Ujian Nasional emg sering dianggep serem sama penduduk kelas 6, 9 dan 12. Buat ngeredam kepanikan lo lo pada yang mau UN kek gue. Gue mau sharing Tips Absurd Ngadepin UN ala gue.   Skip. Check this outt! 0. Belajar giat   Yakali mau UN kagak belajar, wkwk. Dari balita sampek nenek-nenek juga tau kalo pelajar itu kewajibanya belajar. So? Gue gak mau panjang* ngomentarinya karna beda orang, beda karakter, beda cara belajar. Ada yg IQ nya tinggi, belajar 15 menitan sebelumm ujian aja udah cukup. Ada yang udah belajar dari kemaren sampe beser tapi belum sukses juga ngadepin ujiannya, Adaa.    Sederhana aja sih, Jangan terapkan SKS as known also 'Sistem Kebut Semalam'. Kecuali kalo lo ngrasa lo adalah titisan Dominic Brian, orang bali pemegang rekor dunia. *proud 1. Jangan tegang   UN emang cuma sekali. (Sekali di SD, di SMP dan di SMA). Tapi jangan takut ngadepin UN gaes! Rileks.. UN bukan mantan kok, yang bisa dateng kapan aja tanpa diundang k...
Baca selengkapnya